@charset "utf-8";
/* CSS Document */


img, form, h1, h2, h3, h4, h5, h6, p, body {border: 0; padding: 0; margin: 0}

/* set background to white and set the default font style. */

body {background: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color: #6c6c6c; margin: 10px 0 10px 0;  background-image: url('../images/body_bgrd.jpg'); background-repeat:repeat-x; behavior: url(csshover.htc);}

/*

color scheme
------------

main color: #630063
sub color: #E0CCE0

*/


/*////////////////////		General		////////////////////*/

#main {margin: auto; width: 986px; background-color:#FFFFFF}


#header {width: 986px; height: 76px; background:url('../images/header.jpg') top left no-repeat; clear: both; border-bottom: 1px solid #FFFFFF }
#sub_header {width: 986px; height: 140px; clear: both; background-image: url('../images/sub_header.jpg'); border-bottom: 1px solid #FFFFFF}
#special_bar {width: 986px; height: 20px; clear: both; background-color:#cccccc; border-bottom: 1px solid #FFFFFF}
#menu1 {width: 986px; height: 21px; float:left; background-image: url('../images/menu_bgrd.jpg'); margin:0; padding:0}
#member_menu { margin:0; padding:0; background:#000000; background-color:#000000 }

#content { border: 1px solid #989898; zoom: 100%}

#middle_container { padding: 0 10px 0 10px }


#left {float: left; width: 205px; padding:0 }
#center { float: left; width: 555px; padding:0 }
* html #center { 
overflow: hidden;
}
#center_wide { float: left; width: 740px; padding:0 }
#centre_padding { padding:0 20px 0 20px }
#right {float: left; width: 195px}

#footer {background: url('/images/footer_bgrd.jpg') top left no-repeat; width: 984px; height: 19px; clear: both; text-align:right; list-style:none; padding:0; margin:0;}
#sub_footer {width: 980px; clear: both; background-color:#FFFFFF; font-size:9pt; text-align:center; color:#999999; padding-top:4px; padding-bottom:4px }
.bottomMenu ul { padding: 0; margin: 0; list-style: none;}
.bottomMenu li { float: right; margin: 2px 10px 0 0; padding:0; list-style:none; }

#bread_crumbs { width: 960px; height: 15px; clear: both; padding: 8px }

.module { width:205px; margin:0; padding:0 }
.module_inner { border-right:1px solid #999999; border-left:1px solid #999999 }
.module_spacer { height: 10px; clear:both }
.module_padding { padding: 10px }
.module_padding_supplier { padding: 10px } /* Used on includes/suppliers.php so that padding can be taken out in IE6 on that module only */
* html .module_padding_supplier { padding: 10px 0 10px 5px;}
.module_bottom { height:9px; background-image: url('../images/module_bottom.gif'); background-repeat: no-repeat; width:205px;  }
.nav_bottom { height:9px; background-image: url('../images/nav_bottom.gif'); background-repeat: no-repeat  }

.center_module { float:left; width: 520px; margin: 5px 10px 0px 0  }
.center_module_padding { padding:12px }
.center_module_inner { border-right:1px solid #999999; border-left:1px solid #999999; width: 514px; }
.center_module_bottom { height:11px; background: url('../images/center_module_bottom.gif') top left no-repeat; padding:0; margin:0; width: 516px }
.center_mod_ind { float:left; width: 240px; margin: 5px 10px 5px 0; }

.categories { width: 210px; float:left; margin-right: 0px; padding:10px; text-align:center; }

.shop_featprod2col { width: 225px; float:left; margin:0 15px 0 5px; }
* html .shop_featprod2col { 
width: 215px;
}
.shop_prod2col { width: 205px; float:left; margin-right: 10px;  }
.shop_prod { width: 306px; float:left; margin-right: 20px  }
.shop_prod_wide { width: 700px; float:left; padding:0; margin:0 }
.shop_prod_wide_inner { border-right:1px solid #999999; border-left:1px solid #999999; }
.shop_prod_wide_padding { padding:0 10px 0 10px; }
.shop_prod_wide_bottom { height:15px; background: url('../images/shop_prod_wide_bottom.gif') top left no-repeat; padding:0; margin:0; width: 700px }
.searchbox { border:1px dashed #999999; padding: 5px; background-color:#fafafa }

.color_selector_table { float:right }
.color_selector { float:left; border:1px solid #999999; margin-right:10px }
.color_selector_border { border:1px dotted #cccccc; }
.color_selector_width {  width: 5px; float:left; padding:0; margin:0; }

#tech_feat {}

.price { font-size:12pt; font-weight:bold }
.red {color: #c00}
.green {color:#00CC33}
.smalltext {color:#000; font-size:x-small;}



/*////////////////////		Text		////////////////////*/

h1 {font-weight: bold; font-size: medium; font-family: Arial, Helvetica, sans-serif; color: #bf1613; margin: 0 0 10px 0; letter-spacing: 0px; padding:0 }

h2 {font-weight: bold; font-size: small; font-family: Arial, Helvetica, sans-serif; color: #000; padding: 5px 0 5px 0;}

#center_wide h2 {font-weight: bold; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #fff; padding: 0 0 5px 0; border-bottom: 0}
.shop_prod2col h2 {font-weight: bold; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #fff; padding: 0 0 5px 0; border-bottom: 0}
.categories h2 {font-weight: bold; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #fff; padding: 0 0 5px 0; border-bottom: 0; text-align:center;}

.shop_prod_wide h2 {font: bold 9pt Arial, Helvetica, sans-serif; color: #ffffff; background:  url('../images/shop_prod_wide_h1_bg.jpg') top left no-repeat; width:690px; height:22px; margin:0; padding:6px 0 0 10px; background-color:#000 }

h3 {font-weight: bold; font-size: small; font-family: Arial, Helvetica, sans-serif; color: #000; margin-bottom: 5px}
.module h3 {background:url(../images/module_bgrd.jpg) repeat-x; height:22px; margin:0; padding:6px 0 0 10px; border:0; color:#FFFFFF; font-size:9pt; font-weight:bold; border:0 }
.color_selector_table h3 {font: bold 8pt Arial, Helvetica, sans-serif; color: #666666; margin-bottom: 5px}
.center_module h3 {font-weight: bold; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #ffffff; margin:0; letter-spacing: 0px; background-image: url('../images/center_module_h2.gif'); background-repeat: no-repeat; height:21px; padding: 6px 0 0 10px; }
#tech_feat h3 { font:bold 10pt Arial, Helvetica, sans-serif; color:#6c6c6c; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding:5px 0 5px 0; margin:0;}

h4 { margin:0; padding:2px 0 4px 0; border:0; color:#bf1613; font-size:8pt; font-weight:bold }

p {font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #6c6c6c; margin: 0 0 10px 0 }
.login p {font: normal 10pt Arial, Helvetica, sans-serif; color:#6c6c6c; }

#tech_feat p {font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #6c6c6c; margin: 0 0 10px 0; font-weight:normal }

.pre_price { font-size:9pt }
.rrp_price { font-size:8pt }

ol { font-size:9pt; font-weight:bold }
li { font-weight:normal }

legend { font-size:8pt; font-weight:normal }
input { border:1px solid #999999; color: #bf1613; font-size:8pt; padding: 1px 2px 2px 5px }
textarea { color: #bf1613; font-size:8pt; }
select { border:1px solid #999999; color: #bf1613; font-size:8pt; padding: 1px 2px 2px 5px }

/*////////////////////		Linkology		////////////////////*/

a:link, a:visited {text-decoration: none; color: #bf1613; cursor:pointer}
a:hover {text-decoration: underline; color: #666666}
a:active {text-decoration: none; color: #666666}

.color_selector a:link, .color_selector a:visited {text-decoration: none; color: #bf1613; cursor:pointer}
.color_selector a:hover {text-decoration: none; color: #666666}
.color_selector a:active {text-decoration: none; color: #666666}

#footer a:link, #footer a:visited {text-decoration: none; color: #ffffff; cursor:pointer}
#footer a:hover {text-decoration: underline; color: #cccccc; cursor:pointer}
#footer a:active {text-decoration: none; color: #cccccc; cursor:pointer}

.bottomMenu li a:link, .bottomMenu li a:visited {text-decoration: none; color: #ffffff; cursor:pointer}
.bottomMenu li a:hover {text-decoration: underline; color: #cccccc; cursor:pointer}
.bottomMenu li a:active {text-decoration: none; color: #cccccc; cursor:pointer}

.bottomMenu2 li a:link, .bottomMenu2 li a:visited {text-decoration: none; color: #ffffff; cursor:pointer}
.bottomMenu2 li a:hover {text-decoration: underline; color: #cccccc; cursor:pointer}
.bottomMenu2 li a:active {text-decoration: none; color: #cccccc; cursor:pointer}

#sub_footer a:link, #sub_footer a:visited {text-decoration: none; color: #666666; cursor:pointer}
#sub_footer a:hover {text-decoration: underline; color: #999999; cursor:pointer}
#sub_footer a:active {text-decoration: none; color: #999999; cursor:pointer}

th { text-align:left; background-color:#ebebeb; border-bottom: 1px solid #CCCCCC }

.noborder { border:0 }

.submitbutton { background:url('../images/submit_but.gif'); width:120px; height:15px; border:0; margin-top:5px; padding: 0; cursor:pointer; display:inline }
.submitbutton2 { background:url('../images/submit2_but.gif'); width:60px; height:21px; border:0; margin-top:0; padding: 0; cursor:pointer; display:inline; }
.logoutbutton2 { background:url('../images/logout.gif'); width:60px; height:21px; border:0; margin-top:0; padding: 0; cursor:pointer; display:inline; }
.viewbutton2 { background:url('../images/view_but.gif'); width:60px; height:21px; border:0; margin-top:0; padding: 0; cursor:pointer; display:inline; }
.backbutton { background:url('../images/back_but.gif'); width:60px; height:21px; border:0; margin-top:0; padding: 0; cursor:pointer; display:inline; }
.gobutton { background:url('../images/go_but.gif'); width:15px; height:12px; border:0; margin-top:8px; padding: 0; cursor:pointer; display:inline; background-repeat:no-repeat }
.buybut { background:url('../images/buy_but.gif'); width:60px; height:21px; border:0; margin-top:0; padding: 0; cursor:pointer; display:inline; }
.confirm_but { background:url('../images/confirm_but.gif'); width:60px; height:21px; border:0; margin-top:0; padding: 0; cursor:pointer; display:inline; }

form.service {
width: 350px;
}

.formfield {
width: 250px;
float: right;
margin-bottom: 10px;
background-color: #ffffff;
}

.formfield:active, .formfield:hover {
background-color: #cccccc;
}

label {
float: left;
}

.submitbutton {

}

.doc {
background: url(../images/doc_icon.jpg) no-repeat center left;
padding: 5px 0 5px 25px;

}

/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */

background: #000; 
width: 986px; 
height: 20px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
top: 2px;
width: 986px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;

list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
display: inline;
margin: 0;
padding: 0;
background: #000000;
}
ul.newsticker a {
float: left;
white-space: nowrap;
padding: 0;
color: #ffffff;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}