@import "common.css";

#page {
	margin: 10px;
	padding: 10px;
	background: white;
	border: 1px solid black;
}

#logo{
	display: block;
	float: left;
}

div#three_col_left {
	float: left;
	margin: 0;
	padding: 10px 0 0 10px;
	width: 180px;
}

div#three_col_middle {
	margin-left: 205px;
	margin-right: 205px;
	padding: 10px 0 5px 0;
}

div#three_col_right{
	float: right;
	margin: 0;
	padding: 10px 10px 0 0;
	width: 180px;
}

div#reverse_two_col_left {
	float: left;
	margin: 10px 205px 0 10px;
	padding: 0;
	overflow: auto;
}

div#reverse_two_col_right {
	float: left;
	margin: 0 0 0 -190px;
	width: 180px;
	overflow: auto;
	padding: 10px 0 0 0;
}

div#two_col_left {
	float: left;
	margin: 0;
	padding: 10px 0 0 10px;
	width: 180px;
}

div#two_col_right {
	margin: 10px 10px 0 205px;
	padding: 0;
	overflow: auto;
}

div#full_width_content {
	background: #ffffff;
	margin: 10px;
	padding: 0;
}

.links {
	text-align: center;
}

.links img {
	float: none;
}


div.section {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 2em;
	padding-bottom: 5px;
	background-color: #ffffff;
}

div.section input {
	margin: 2px;
	width: 10em;
	display: block;
}

input[type="password"],
input[type="text"] {
	border: 1px solid #808080 !important;
}

select {
	border: 1px solid #808080 !important;
}

textarea {
	font: 10pt Verdana, Arial, sans-serif;
	border: 1px solid #808080 !important;
}

div.menu ul {
	display: block;	
	padding: 0px;

	margin-left: 1px;
	margin-right: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
}


#nav_bar ul {
	padding: 2px 2px 2px 1em;
	margin: 0;
}

#nav_bar ol {
	padding: 2px 2px 2px 1em;
	margin: 0;
}

#nav_bar li {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

#top_menu div.search {
	float: right;
	padding: 0;
	text-align: right;
	color: #397ebe;
	font-weight: bold;
	margin: 0 20px 0 0;
}

#top_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#top_menu li {
	float: left;
	margin: 0 4px 0 0;
	height: 27px;
	font-weight: bold;
	background: #dadada;
}

#top_menu li a {
	color: #0062be;
}

#top_menu li.active {
	background: url("/app/images/blue_grad.gif") repeat-x top;
}

#top_menu li.active a {
	color: #fff;
}

#top_menu a {
	color: #fff;
	padding: 5px 0px 5px 10px;
	text-align: center;
	text-decoration: none;
	margin: 0 0 0 0;
	background: url("/app/images/bg_white_tl.gif") no-repeat top left;
	float: left;
	display: block;
}

#top_menu li div {
	height: 10px;
	padding: 0 10px 0 0;
	float: left;
	background: url("/app/images/bg_white_tr.gif") no-repeat top right;
}

#top_menu {
	margin: 100px 0 0 0;
	padding: 0 0 0 10px;
	text-align: center;
	height: 27px;
	background: #fff;
	border-bottom: 5px solid #4ca6fc;
}

#below_menu {
	height: 10px;
	background: #4ca6fc;
	width: 100%;
}

div#header {
	min-width: 980px;
	margin: 0;
	padding: 0;
	background: #ffffff url("/app/images/banner.jpg") no-repeat top left;
	text-align: right;
}

div#banner {
	padding: 10px;
}


div#banner div {
	float: right;
	text-align: right;
	border: 1px solid #4ca6fc;
	padding: 5px;
	background: #ffffff;
	font-size: 10pt;
}

div#banner div a {
	margin: 0 5px 0 5px;
}

.clear {
	clear: both;
	line-height: 0;
}

.lclear {
	clear: left;
	line-height: 0;
}

ul.category {
	border: 1px solid #808080;
	margin: 10px;
	padding: 0px;
}

ul.subcategory {
	margin: 10px;
	padding: 0px;
}

div.column {
	width: 45%;
	float: left;
}

ul.category li {
	list-style-type:none;
}

div.category_name {
	background: #0062be url("/app/images/bg_blue_gradient.gif");
	background-repeat: repeat-x;
	background-position: bottom;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin-bottom: 5px;
	text-align: left;
	font-weight: bold;
	color: white;
}



li.subcat_name {
	font-weight: bold;
}

div.subcat_desc {
	margin-bottom: 1em;
}

table {
	border-collapse: collapse;
}

table tr {
/*	background: #ffffff; */
}

table tr.highlight {
	background: #dadada;
}

table#topten td {
	padding-top: 2px;
	padding-bottom: 2px;
}

table#topten {
	width: 100%;
}

div#pages {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

a.prevnext {
	font-size: 120%;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

b#currpage {
	color: #c50000;
	font-size: 120%;
}

div.section ol {
}

img {
	border: none;
}

table.units th {
	padding: 10px;
	text-align: left;
	width: 10em;
	font-size: smaller;
}

table.units td {
	padding: 10px;
	text-align: left;
}

table.units tr {
	border-top: 1px solid #0062be;
	border-bottom: 1px solid #0062be;
}

table.units {
	border: 1px solid #0062be;
}

table.partinfo {
	font-size: 110%;
}

table.partinfo td {
	border: 1px solid #0062be;
	padding: 2px 5px 2px 5px;
}

table.partinfo td.qty {
	width: 5em;
}

table.partinfo th {
	border: 1px solid #0062be;
	text-align: left;
	color: #0062be;
	padding: 2px 5px 2px 5px;
	font-size: smaller;
}

table.checkout {
	border: 1px solid #0062be;
	margin-left: 10px;
	margin-right: 10px;
	width: auto;
}

table.checkout td {
	border: 1px solid #0062be;
	border-left: 1px solid #0062be;
	border-right: 1px solid #0062be;
	padding-left: 5px;
	padding-right: 5px;
}

table.checkout .backorder{
	text-align: right;
	border-top: 1px solid #0062be;
}


table.checkout th {
	background: #0062be url("/app/images/bg_blue_gradient.gif");
	color: #ffffff;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	font-size: smaller;
}

table.checkout .release {
	text-align: center;
}

table.checkout .stock {
	text-align: right;
}

table.checkout .price {
	text-align: right;
}

table.checkout .total {
	text-align: right;
	background: white;
	color: black;
	border: 1px solid #0062be;
}


.warn {
	background: #fff5f5;
	border: 1px solid red;
	padding: 5px;
	margin: 0 0 10px 0;
	font-weight: bold;
}


.error {
	background: #fff5f5;
	border: 1px solid red;
	color: red;
	padding: 5px;
	margin: 0 0 10px 0;
}

.floaty {
	float: left;
	margin: 10px;
}

form {
	display: inline;
}

table.login th {
	color: #0062be;
	text-align: left;
	font-size: smaller;
}


div.popup a {
	position: relative;
	display: block;
}

div.popup a table {
	display: none;
}

div.popup a:hover table {
	display: block;
	position: absolute;
	top: 20px;
	width: 250px;
	margin: 0px;
	color: #000;
	background: #ffffff;
	text-align: center;
}

a {
	color: #0062be;
	text-decoration: none;
}

a:hover {
	text-decoration: underline !important;
}

.cat_part {
	border: 1px solid #808080;
	float: left;
	padding: 10px;
	margin: 10px;
	width: 20em;
}

table.cat_listing img {
	max-width: 70px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
}

table.cat_listing  td {
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #808080;
	vertical-align: top;
}

table.cat_listing  a {
	display: block;
	font-weight: bolder;
}

div.category_name a {
	color: #ffffff;
}

.subarticle {
	border: 1px solid black;
	background: #efefef;
	padding: 10px;
	margin: 10px;
	overflow: auto;
}

.main_box {
	height: 1%;
	margin-bottom: 10px;
	background-color: #ffffff;
}

.main_top {
	width: 100%;
	background: url("/app/images/blue_grad.gif") repeat-x top;
}

.main_top div.title {
	background: transparent url("/app/images/bg_tl.gif") no-repeat top left;
	padding: 2px 0px 2px 7px;
	font-weight: bold;
	font-size: 120%;
	color: white;
}

.main_top div.title a {
	color: white;
	text-decoration: none;
}

.main_top_right {
	background: transparent url("/app/images/bg_tr.gif") no-repeat top right;
	width: 10px;
	height: 10px;
	float: right;
}

.main_content {
	background: url("/app/images/2px_grey.gif") repeat-y left;
	margin: 0;
	padding: 0 0 0 2px;
}

.main_content div.main_container {
	background: url("/app/images/2px_grey.gif") repeat-y right;
	padding: 5px 5px 1px 5px;
	height: 100%;
}

.main_bottom {
	background: url("/app/images/rounded_bl.png") no-repeat bottom left;
}

.main_bottom div {
	background: url("/app/images/rounded_br.png") no-repeat bottom right;
	width: 100%;
	height: 10px;
}

.nav_content {
	background-color: #efefef;
	padding: 0;
	margin: 0;
}

.nav_box {
	height: 1%;
	margin: 0 0 15px 0;
	background-color: #efefef;
	border: 1px solid #0062be;
}

.nav_top {
	background: url("/app/images/blue_grad.gif") repeat-x top;
	padding: 2px;
	font-weight: bolder;
	color: white;
}

.nav_content .search {
	padding: 10px;
}

#reverse_two_col_right .nav_content,
#three_col_right .nav_content {
	padding: 10px;
}

table.categories td {
	padding: 5px;
	border: 2px solid #dadada;
	vertical-align: top;
}
table.categories img {
	max-width: 100px;
	max-height: 100px;
	float: right;
	margin: 5px;
}

table.categories a.heading {
	background: url("/app/images/bg_blue_gradient.gif") repeat-x top;
	margin: 0 0 10px 0;
	padding: 5px;
	text-decoration: none;
	color: #fff;
	font-weight: bolder;
	display: block;
}

ol {
	margin: 0 0 0 2em;
	padding: 0;
}

h2.part_heading {
	font-size: 100%;
	margin: 0 10px 10px 0;
}

div.heading {
	color: #397ebe;
	margin: 5px 2px 5px 0;
	padding: 0 0 5px 0;
	font-weight: bold;
	border-bottom: 1px solid #808080;
}

h3.part {
	color: #397ebe;
}


hr {
	border: 0;
	background-color: #808080;
	height: 1px;
}

.card th {
	color: #0062be;
	text-align: left;
}
.card {
	border: 1px solid #808080;
	float: left;
	padding: 5px;
	margin: 5px;
	width: 15em;
}

img.cat_pic {
	margin: 10px;
	border: 1px solid black;
}

div.small {
	font-size: 80%;
	overflow: hidden;
}

table.editor th {
	text-align: left;
}

table.editor td {
	padding: 2px;
}

h4 {
	font-size: 10pt;
}


img.card_logo {
	float: none;
}

.offer {
	background: #efefef;
	border: 2px solid #0062be;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	margin: 5px 10px 10px 10px;
}

img.secure_logos {
	margin: 5px 5px 5px 10px;
}

div#ssl_seal {
	height: 500px;
	float: right;
	width: 200px;
}

div#ssl_seal img {
	margin: 10px 0 10px 0;
}

div#secure_seal_text {
	text-align: center;
}

div#front_page_left{
	float: left;
	width: 49%;
}

div#front_page_right {
	float: right;
	width: 49%;
}

div#footer hr {
	background-color: #dadada;
}

div#footer {
	margin: 10px;
	padding: 0 0 1px 0;
	clear: both;
	font-size: smaller;
	text-align: center;
	color: #808080;
}

.news_box {
	height: 1%;
	margin: 0 0 10px 0;
	background-color: #ffffff;
}

.news_top {
	width: 100%;
	background: url("/app/images/blue_grad.gif") repeat-x top;
}

.news_top div.title {
	background: transparent url("/app/images/bg_tl.gif") no-repeat top left;
	padding: 2px 0px 2px 7px;
	font-weight: bold;
	font-size: 120%;
	color: white;
}

.news_top div.title a {
	color: white;
	text-decoration: none;
}

.news_top div.date {
	font-style: italic;
	width: 15em;
	text-align: right;
	float: right;
	color: #ffffff;
	margin: 2px 10px 0px 0px;
}

.news_top_right {
	background: transparent url("/app/images/bg_tr.gif") no-repeat top right;
	width: 10px;
	height: 10px;
	float: right;
}

.news_content {
	background: url("/app/images/2px_grey.gif") repeat-y left;
	margin: 0;
	padding: 0 0 0 2px;
}

.news_content div.news_container {
	background: url("/app/images/2px_grey.gif") repeat-y right;
	padding: 5px 5px 1px 5px;
	height: 100%;
}

.news_bottom {
	background: url("/app/images/rounded_bl.png") no-repeat bottom left;
}

.news_bottom div {
	background: url("/app/images/rounded_br.png") no-repeat bottom right;
	width: 100%;
	height: 10px;
}

.news_box img {
	float: none;
	margin-right: auto;
	margin-left: auto;
}

div.centeredimage {
	margin: 2px;
	padding: 0;
	width: 99%;
	overflow: hidden;
}

div.centeredimage img {
	margin: auto;
	display: block;
}

.article_heading {
	margin: 10px 0 5px 0;
}

.article_content {
	width: 99%;
}

div.article_images {
	overflow: auto;
	text-align: left;
}

img.thumb_pic {
	float: right;
	margin: 5px;
}

div.article_text {
	overflow: auto;
}

.summary_box {
	height: 1%;
	margin: 5px;
	background-color: #ffffff;
	border: 1px solid #dadada;
	float: left;
	width: 31%;
	overflow: auto;
}

.summary_top {
	background: #dadada;
	padding: 2px;
	font-weight: bolder;
	color: white;
}

.summary_content {
	background-color: #ffffff;
	padding: 10px;
	margin: 0;
}

.summary_content img {
	float: right;
	margin: 5px;
}


.part_summary_box {
	height: 1%;
	margin: 5px;
	background-color: #ffffff;
	border: 1px solid #dadada;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	overflow: auto;
}

.part_summary_top {
	background: #dadada;
	padding: 2px;
	font-weight: bolder;
	color: white;
}

.part_summary_content {
	background-color: #ffffff;
	padding: 10px;
	margin: 0;
}

.part_summary_content img {
	float: left;
	margin: 0 10px 5px 0;
}

.products_left_box {
	margin: 0 0 10px 0;
	background-color: #ffffff;
	border: 1px solid #dadada;
	width: 48%;
	float: left;
}

.products_left_top {
	background: #dadada;
	padding: 2px;
	font-weight: bolder;
	font-size: 120%;
	color: #0062be;
}

.products_left_content {
	background-color: #ffffff;
	padding: 10px;
	margin: 0;
}

.products_left_content img {
	float: right;
	margin: 5px;
}

.products_left_row {
	float: left;
	width: 100%;
}

.products_right_box {
	margin: 0 0 10px 0;
	background-color: #ffffff;
	border: 1px solid #dadada;
	width: 48%;
	float: right;
}

.products_right_top {
	background: #dadada;
	padding: 2px;
	font-weight: bolder;
	font-size: 120%;
	color: #0062be;
}

.products_right_content {
	background-color: #ffffff;
	padding: 10px;
	margin: 0;
}

.products_right_content img {
	float: right;
	margin: 5px;
}

.products_right_row {
	float: left;
	width: 100%;
}

div.popular div {
	padding: 0.5em 0 0.5em 0;
	white-space: nowrap;
	overflow: hidden;
	width: 99%;
}

div.popular {
	height: 13em;
	font-size: 90%;
	width: 99%;
}

div.site_menu h4 {
	border-top: 1px solid white;
	background-color: #dadada;
	padding: 0.7em 0 0.7em 0.5em;
	margin: 0;
	font-size: 8pt;
	display: block;

}

div.site_menu a.selected {
	color: black;
	font-weight: bold;
}


div.products_menu {
	font-size: 8pt;
}

div.products_menu .section {
	border-top: 1px solid white;
	background-color: #dadada;
	padding: 0.7em 0 0.7em 0.5em;
	margin: 0;
	font-size: 8pt;
	display: block;
}

div.products_menu a.selected {
	color: black;
	font-weight: bold;
}

div.products_menu ul {
	margin: 0;
	padding: 0;
}

div.products_menu li {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	zoom: 1;
	border-top: 1px solid white;
}

div.products_menu li a {
	margin: 0;
	padding: 0.5em 0 0.5em 1em;
	font-weight: normal;
	display: block;
}

div.products_menu li a.selected {
	font-weight: normal;
}

div.products_menu a {
	font-weight: bold;
}

div.products_menu a:hover {
	background: #ffffff;
}

div.quicksearch {
	border: 1px solid #808080;
	background: #efefef;
	padding: 7px;
	margin: 10px 0 10px 0;
}

.part {
	font-weight: bold;
}

.poa {
	font-style: italic;
}

.good_stock {
	color: #298900;
}

.low_stock {
	color: #FF8C19;
}

.no_stock {
	color: #E50000;
}

table.quick_basket {
	padding: 0;
	margin: 0;
	width: 100%;
}

table.quick_basket {
	padding: 0;
	margin: 5px 0 5px 0;
	list-style-type:none;
}

table.quick_basket .description {
	font-size: smaller;
}

table.quick_basket td {
	font-size: 90%;
	border-bottom: 1px solid black;
	padding: 2px 0 2px 0;
}

div.view_basket {
	text-align: center;
	font-size: larger;
	margin: 10px 0 0 0;
}

table.stock_info {
	width: 100%;
}

table.stock_info td {
	border: 1px solid #808080;
	text-align: center;
}

div.address {
        border: 1px solid #808080;
        float: left;
        padding: 7px;
        margin: 5px;
        width: 20em;
}

div.address h4 {
	margin: 5px 0;
}

div.address p {
        margin: 0px;
        height: 10em;
}

.float_container {
	overflow: auto;
	width: 99%;
}

table.address {
	border: 1px solid #0062be;
}

table.address td {
	border: 1px solid #0062be;
	padding: 2px 5px 2px 5px;
}

table.address td.qty {
	width: 5em;
}

table.address th {
	border: 1px solid #0062be;
	text-align: left;
	color: #0062be;
	padding: 2px 5px 2px 5px;
}

select.countries {
	width: 20em;
	overflow: hidden;
}

table.contact td, table.contact th {
	padding: 2px;
}

ol.popular {
	margin: 0 0 0 2em;
	padding: 0;
}

ol.popular li {
	padding: 2px 0 2px 0;
}

.search_note {
	font-size: 120%;
	font-weight: bold;
	border: 1px solid #0062be;
	padding: 10px;
	background: #efefef;
	text-align: center;
}