/*
WebCat Style Sheet

This style sheet is divided into three 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

STOCKOP SECTION - Style classes used in GlobalStockQuotes.com

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{
        padding:1px;
        margin:1px;
        margin-bottom:0px;
        padding-left:2px;
        font-size:11px;
        font-weight:normal;
        text-align:left;
        width:760px;
        background-color: #eee;

}

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 : #0000ff;  
}

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;
      	
}
.iConex {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}

.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; 
}
.wrapbox {
border:1px solid #ccc;
padding:5px;
background-color:#eee;
}

#subheadingbox {
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
margin-top:0px;
margin-bottom:0px;
background-color:#eee;
padding:3px;
}

#subheadingbox h2 {
font-weight:normal;
line-height:10px;
padding-top:0px;
margin-top:0px;
padding-bottom:0px;
margin-bottom:0px;
font-size:11px;
}
#contentbox {
border: 1px solid #ccc;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
background-color:#ffffff;
font-weight:bold;
}
#box-left {
border:1px solid #ccccff;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
background-color:#ffffff;
text-align:left;
font-weight:normal;
}

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

/* -- STOCKOP SECTION -------------------------- */
div#mpq		{ align:center; text-align:center; }
div#mpq table	{ padding:9px 12px 12px 12px; border:1px solid #999999;
		  width:100px; empty-cells:show;
		  border-collapse:collapse; border-spacing:0;
		  margin: 0 auto; }
div#mpq th	{ background-color:#c5ccd0; text-align:center;
		  font-size:60%; padding:0; }
div#mpq td	{ background-color:#f6f6f6; text-align:right;
		  font-size:9px; padding:0; }
div#mpq td.left	{ background-color:#f6f6f6; text-align:left;
		  font-size:9px; padding:0; }


div#sqbal_wrap	{ margin:0 auto; margin-left: auto; margin-right:auto;
		  align:center; text-align:center; }
div#sqbal	{ text-align:center; }
div#sqbal table	{ padding:9px 12px 12px 12px; border:1px solid #999999;
		  width:300px; empty-cells:show; border-spacing:0;
		  border-collapse:collapse; margin: 0 auto; }
div#sqbal th	{ background-color:#c5ccd0; text-align:left;
		  font-size:60%; padding:0; }
div#sqbal td	{ background-color:#f6f6f6; text-align:center;
		  font-size:11px; padding:0; }

div#sqshowal	    { text-align:center;}
div#sqshowal table  { padding:9px 12px 12px 12px; empty-cells:show;
		      width:423px; border:1px solid #999999; 
		      margin: 0 auto; border-collapse:collapse; 
		      border-spacing:0; }
div#sqshowal th	    { background-color:#c5ccd0; text-align:left;
		      font-size:60%; padding:2px; }
div#sqshowal td	    { background-color:#f6f6f6; text-align:left;
		      font-size:11px; padding:0 2px; }
div#sqshowal td.num { background-color:#f6f6f6; text-align:right;
		      font-size:11px; padding:0 2px; }

#squotes	    { align:center; text-align:center;}
#squotes table	    { padding:9px 12px 12px 12px; empty-cells:show; 
		      width:423px; margin: 0 auto; }
#squotes table.top  { border:0; border-spacing:0; }
#squotes table.data { border:1px solid #999999; 
		      border-collapse:collapse; }
#squotes th	    { background-color:#c5ccd0; text-align:center;
		      font-size:60%; padding:0; }
#squotes th.history { background-color:#c5ccd0; text-align:left;
		      font-size:70%; padding:0; }
#squotes td	    { background-color:#f6f6f6; text-align:right;
		      font-size:11px; padding:0; }
#squotes td.today   { text-decoration:bold; padding:0 4px; }
#squotes td.today_l { text-align:left; text-decoration:bold;
		      padding:0 4px; }
#squotes td.today_c { text-align:center; text-decoration:bold;
		      padding:0 4px; }
#squotes td.name    { text-align:left; font-size:11px;
		      text-decoration:bold; padding:0 4px; 
		      background-color: #ffffff; }
#squotes td.value   { text-align:left; font-size:11px; 
		      text-decoration:none; padding:0 4px; 
		      background-color: #ffffff; }
#squotes td.date    { background-color:#f6f6f6; text-align:left;
		      font-size:11px; padding:0; }
.symbol		    { background-color:#e6e6e6;  }


/* -- END STOCKOP SECTION -------------------------- */