﻿/* Main styles */
html
{
	margin:0;
	padding:0;
}

body
{
	margin: 0;
	padding: 0;
	background: #fff;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 	color: #666;
}

td 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 	color: #666;
}

p
{
	margin: 0 0 10px 5px;
	text-align:justify;
}

a
{
	color: #006BB5;
	text-decoration: none;
}

a:hover
{
	color: #006BB5;
	text-decoration: underline;
}

img 
{
	border: none;
}

.button
{
	cursor:pointer;
}

.prodmsg
{
	color: #006BB5;
	font-size: 80%;
	font-style: italic;
}

.errormsg
{
	color: #006BB5;
	font-weight: bold;
	text-align:center;
	margin: 10px 0;
}

.errormsg a, .errormsg a:hover
{
	color: #006BB5;
	text-decoration: underline;
}

.errororder
{
	color: #006BB5;
	margin: 50px 0;
}

.errororder .errorlist
{
	width: 400px;
	margin: 0 auto;
}

.errororder a, .errororder a:hover
{
	color: #006BB5;
	text-decoration: underline;
}

.successmsg
{
	color: #090;
	font-weight: bold;
	text-align:center;
	margin: 10px 0;
}

.successmsg a, .successmsg a:hover
{
	color:#090;
	text-decoration: underline;
}

.successorder
{
	color: #090;
	font-weight: bold;
	text-align:center;
	margin: 100px 0;
}

.successorder a, .successorder a:hover
{
	color:#090;
	text-decoration: underline;
}

.row
{
}

.rowalt
{
	background: #efefef;
}

.rowpick
{
	background: #ffc;
}

.rowover
{
	background: #ccc;
}

.rowcat
{
	background: #006BB5;
}

.rowcat td
{
	color:#fff;
	font-weight:bold;
}

.label
{
	font-weight:bold;
}

.notes
{
	font-size: 80%;
	font-style: italic;
}
/* Page sections */
.pageheader
{
	height:60px;
	margin: 0;
	padding: 0;
	width:800px;
}

.pageheader img
{
	margin:5px;
}

.pagecontent
{
	position:relative;
	margin: 0;
}

.pagefooter
{
	margin: 0;
	padding: 5px 0;
	width:800px;
	text-align: center;
	font-size: 80%;
	color: #666;
	text-align: center;
	border-top: 1px solid #000;
}

.pagetitle
{
	font-size: 150%;
	font-weight: bold;
	padding: 5px;
	border-bottom:1px solid #000;
	margin:0;
}

.subtitle
{
	margin: 5px;
	font-weight: bold;
	color: #000;
}

.singlecol
{
	margin: 0;
	position: relative;
	width: 800px;
	min-height: 300px;
}
	
.leftcol
{
	width:163px;
	/*border-right: 1px solid #000;*/
	margin: 0;
}

.middlecol
{
	margin: 0;
	width: 635px;
	min-height: 300px;
}

.breadcrumb
{
	margin: 1px 0;
	padding:10px 0;
	background: #F0F0F0;
	text-align: center;
}

.contactform
{
	margin-left:50px;
}

/* Top navigation */
.topnav
{
	margin: 0;
	padding: 0;
	white-space: nowrap;
	width:800px;
	height: 20px;
}

.topnav ul
{
	margin: 0;
	padding: 0; 
	list-style: none;
	white-space: nowrap;
}

.topnav li
{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	display:inline;
	white-space: nowrap;
	margin: 0;
	padding: 1px 0;
	float:left;
	font-family: Verdana, Arial, Helvetica;
	font-size: 80%;
	white-space: nowrap;
}  

.topnav a
{
	display:block;
	width: auto;
	border-left:1px solid #fff;
	line-height:18px;
	color: #fff;
	background: #999;
	text-align: center;
	text-decoration:none;
}

.topnav a:hover
{
	color: #fff;
	background: #006BB5;
	text-decoration: none;
}

/* Left navigation */
.leftnav
{
	padding: 5px;
}

.leftnav a 
{
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

.leftnav a:hover
{
	color: #006BB5;
}

.leftnav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.leftnav li
{
	padding: 2px;
}

.botnav
{
	text-align:center;
	margin: 10px 0;
}

.botnav .button
{
	margin: 0 10px;
}

/* Page: Login */
.loginform
{
	margin:0 auto;
	width: 220px;
}

.loginform input
{
	width:100px;
}

.loginform .button
{
	width:auto;
}

/* Page: Change password */
.changepwdform
{
	margin:0 auto;
	width: 300px;
}

.loginform input
{
	width:100px;
}

.loginform .button
{
	width:auto;
}

/* Page: Partner home */
.welcome
{
	padding:30px 0;
	text-align: center;
}

.welcome h1
{
	color: #000;
	font-size: 150%;
}

.welcome h2
{
	color: #000;
	font-size: 200%;
}

.welcome .feature img
{
	border:2px dotted #999;
}

/* Page: Product Listings, Cart, Status & Checkout */
.products
{
	border: 1px solid #999;
	border-bottom: none;
	border-collapse: collapse;
	padding: 0;
	margin: 10px auto;
	width: 100%;
}

.invoice, .orderlist
{
	width:800px;
}

.checkout .products, .invoice .products
{
	margin: 0 auto 10px auto;
}

.products th, .checkout .products th, .invoice .products th, .orderlist th
{
	border: none;
	border-bottom: 1px solid #999;
	background: #999;
	color: #fff;
	padding: 1px;
}

/*
.invoice .products th, .invoice products td
{
	font-size:70%;
}
*/

.products .row td, .products .rowalt td, .orderlist .row td, .orderlist .rowalt td, .products .rowpick td, .orderlist .rowpick td
{
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 2px;
}

.products .errormsg, .products .successmsg
{
	margin: 0;
	padding: 0;
	font-size: 70%;
	font-weight: normal;
}

.products .dslink
{
	float:left;
	font-size: 70%;
}

.products td .subproducts
{
	float:right;
	font-size: 80%;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

.products .row td .subproducts tr, .products .rowalt td .subproducts tr
{
	margin: 0;
	padding: 0;
}


.products .row td .subproducts th, .products .rowalt td .subproducts th
{
	margin: 0;
	padding: 0;
}

.products .row td .subproducts td, .products .rowalt td .subproducts td
{
	margin: 0;
	padding: 1px;
	border: none;
}

.qty, .qtyRO
{
	text-align:right;
}

.qtyRO
{
	border: none;
}

.emptycart
{
	margin:100px 0px;
	text-align:center;
}

.checkout th, .invoice th
{
	background: #fc9;
	border:1px solid #fc9;
	padding: 5px;
	text-align:left;
}

.checkout .notes
{
	width: 450px;
	text-align:center;
	margin: 10px auto;
}

.orderlist
{
	width:100%;
}

/* Product details */
.prodimage
{
	width: 250px;
	text-align:center;
	padding: 10px;
}

.prodpanel
{
	padding: 5px;
}

.prodpanel .prodname
{
	font-weight: bold;
	text-align: center;
	font-size: 120%;
}

.prodpanel .prodtitle
{
	font-weight: normal;
	text-align: center;
	font-size: 120%;
}	

.prodpanel .proddesc
{
	text-align:justify;
}

.prodpanel .dslinks
{
	padding:20px;	
}

.prodpanel .dslinks div
{
	float:right;
	margin-left: 20px;
}


.prodpanel .orderline
{
	width: 100%;
	margin-top: 40px;
}

.prodpanel .orderline table
{
	width: 100%;
}


/* Logout */
.logoutmsg
{
	text-align:center;
	padding:20px;
}

/* Popups */
.winclose 
{
	text-align:center;
	margin-top:50px;
}

/* Global Message */
.gmstage
{
	width:235px;
	background:#ccc;
	padding:0;
	position:absolute;
	z-index:2;
	left:650px;
	top: 215px;
	border:1px solid #666;
}

.gmnav
{
	text-align:center;
	background:#666;
	color:#fff;
	font-size:80%;
}

.gmtitle
{
	padding:1px 3px 0 15px;
	font-weight:bold;
	font-size:90%;
	text-align:center;
	background:#666;
	color: #fff;	
}

.gm
{
	padding:3px;
	font-size:80%;
	height:180px;
	overflow: auto;
	color:#666;
}


.discounts
{
	margin:20px 0;
	float:left;
	border: 1px solid #999;
	border-collapse: collapse;
}

.discounts tr, .discounts th
{
	margin: 0;
	padding: 2px;
}

.discounts th
{
	background:#999;
	color: #fff;
}

.discounts td
{
	margin: 0;
	padding: 2px;
	border-top:1px solid #999;
}

.products .onsale
{
	height:25px;width:25px;float:right;background:url(../../images/sale_25x25.png);
}

.prodpanel .onsale
{
	height:40px;width:40px;background:url(../../images/sale_40x40.png);display:block;float:right;
}

.products .isnew
{
	height:25px;width:25px;float:right;background:url(../../images/new_25x25.png);
}

.prodpanel .isnew
{
	height:40px;width:40px;background:url(../../images/new_40x40.png);display:block;float:right;
}

