/*
WebCat Style Sheet

This style sheet is divided into two pieces

GLOBAL SECTION - Non class style that is site wide and relevant to local site

WEBCAT SECTION - Style classes used in WebCat code such as borders, padding etc

Cut and paste the WEBCAT section into the style sheet on the hosting site
and change the elements to suit. Most are commented
*/


/* -- GLOBAL SECTION -------------------------- */

BODY {
	margin-top: 0px;
	background-color: #ffffff ;  
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #333333;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 120%; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h3.heading {
font-size : 11px;
margin-bottom:0px;
padding-bottom:0px;
font-weight:normal;
}

#siteName h1{
	display:none;
	clear:both;
}

font,th,td,p,li,ol,br,ul { 
    	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:link,a:active,a:visited { 
	text-decoration:none; 
	color : #323232;  
}

a:hover	{ 
	text-decoration: none; 
	color : #ff3300; 
}

hr	{ 
	height: 0px; 
	border: solid #D1D7DC 0px; 
	border-top-width: 1px;
}

#textbanner {
/* border: solid #D1D7DC 1px;  */
}
/* Repeated Below ! 
input, textarea, select, button {
	background-color : #ffffff;
	color : #323232;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border: 1px #003399 solid;
	padding: 0px;
}
*/

.nobdr {
	border-width:0px; 
}

/* timedate in top head */
.timedate {
	font-size: 10px;
	padding-left: 0px;
      	padding-right: 0px;
      	padding-top: 0px;
      	padding-bottom: 4px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Top Nav */
.topNav {
	background-color: #0066cc;
	background-image: url(images/head_14.jpg); 
	background-position: left;
      	background-repeat: no-repeat;
      	padding-left: 0px;
      	padding-right: 21px;
      	padding-top: 4px;
      	padding-bottom: 4px;
	font-size: 10px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.topNavText {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}
a.topNavLink:link, a.topNavLink:active, a.topNavLink:visited { 
	text-decoration:none; 
	color : #ffffff;  
}

a.topNavLink:hover	{ 
	text-decoration: none; 
	color : #33ccff;
}

.boxHeader { 
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-image: url(images/corner.gif); 
	background-position: top right;
      	background-repeat: no-repeat;
      	background-color: #c5ccd0;
      	padding-left: 12px;
      	padding-right: 6px;
      	padding-top: 2px;
      	padding-bottom: 2px;
      	border-style: solid;
	border-color: #ffffff;
      	border-width: 0px 0px 2px 0px;
      	
}

.boxHeader2 { 
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
      	background-color: #c5ccd0;
      	padding-left: 12px;
      	padding-right: 0px;
      	padding-top: 0px;
      	padding-bottom: 0px;
      	border-style: solid;
		border-color: #ffffff;
      	border-width: 0px 0px 2px 0px;
      	
}

.boxMain {
	padding-left: 12px;
      	padding-right: 12px;
      	padding-top: 9px;
      	padding-bottom: 12px;
      	border: 1px solid #c5ccd0;
}

.navBoxTop { 
	background-color: #c5ccd0;
      	padding: 0px;
}

.navBoxLeft {
	font-size: 6px;
	font-family: Times;
	background-color: #f6f6f6;
	border-style: solid;
	border-color: #ffffff;
      	border-width: 0px 1px 0px 0px;
      	padding-left: 0px;
      	padding-right: 0px;
      	padding-top: 0px;
      	padding-bottom: 0px;
}

.navBoxRight {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #f6f6f6;
	padding-left: 1px;
      	padding-right: 0px;
      	padding-top: 0px;
      	padding-bottom: 0px;
}

.mainRight {
	background-color: #f0f3f4;
	border-style: solid;
	border-color: #ffffff;
      	border-width: 0px 0px 0px 5px;
}


/* -- END GLOBAL SECTION --------------------- */



/* -- WEBCAT SECTION ---------------------------------- */

/* Image borders and rollover for the catalog */
A img { 
	border-color:	#323232;
	text-decoration: none; 
}
.img
{
	border:1px solid #000;
}


A:link img { 
	border-color:	#323232;
	text-decoration:none; 
}
A:active img {
	border-color:	#323232;
	text-decoration:none; 
}
A:hover img { 
	border-color:#9C0000;
	text-decoration:none; 
}
A:visited img { 
	color:	#333333;
	text-decoration:none; 
}

/* hr seperates product in summary page */
hr.wc_summary { 
	height: 0px; 
	border: solid #D1D7DC 0px; 
	border-top-width: 1px;
}

/* admin and order forms */
input, textarea, select, button {
	background-color : #ffffff;
	color : #000000;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
		border-color : #000000;
	border: 1px #003399 solid;
	padding: 1px;
}

/* to change the look of input buttons */
input.button {
	background-color : #ffffff;
	color : #000000;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* no border cells */
.wc_nobdr {
	border-width:0px;
	background-color:#eeeeee;
}
/* for alt bg color in forms */
.wc_nobdr1 {
	border-width:0px;
	background-color:#ffffff;
}

.wc_topLeft {
	border-style: solid;
	border-color: #C5CCD0;
	border-width: 1px 0px 0px 1px;
	background-color: #EEEEEE;
}

.wc_bottomRight {
	border-style: solid;
	border-color: #C5CCD0;
	border-width: 0px 1px 1px 0px;
	background-color: #EEEEEE;
	padding-left: 5px;
	padding-right: 5px;
}

/* cells with alt colour, bottom right border */
.wc_bottomRightAltColour {
	border-style: solid;
	border-color: #C5CCD0;
	border-width: 0px 1px 1px 0px;
	background-color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
}

.wc_right {
	border-style: solid;
	border-color: #C5CCD0;
	border-width: 0px 1px 0px 0px;
	background-color: #EEEEEE;
	padding-left: 5px;
	padding-right: 5px;
}

.wc_orderHeader {
	border-style: solid;
	border-color: #C5CCD0;
	border-width: 0px 1px 1px 0px;
	background-color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
}

.wc_formHeader {
	border-style: solid;
	border-color: #C5CCD0;
	border-width: 0px 0px 1px 0px;
	background-color: #ffffff;
	padding-left: 5px;
}

.wc_formLine {
	border-style: solid;
	border-color: #C5CCD0;
	border-width: 1px 1px 1px 1px;
	background-color: #eeeeee;
}

.wc_formPadding {
	padding-left: 5px;
	padding-right: 5px;
}

/* Need to ensure no padding in form tags inside tables*/
form  {
	padding:0; 
	border:0; 
	margin:0
}

/* discount price font */
.wc_discountPrice {
	color: #ff0000;
	text-decoration: bold; 
}

/* -- END WEBCAT SECTION ------------------------------ */