/* Caving Supplies Limited */

@import url(/shop.css);

#canvas			{ width: 100%; height: 100%; padding: 0px; margin: 0px; background: #FFFFFF; border-left: 0px; }
#canvasterms		{ padding: 20px; margin: 0px; background: #FFFFFF url(/gfx/back/canvas.gif) no-repeat fixed top left; }
#menuCanvas		{ padding: 0px; margin: 0px; background: #000000 url(/gfx/back/menufade.gif) repeat-x bottom left; }

p				{ color: #000080; font: normal 10pt verdana; }
h4				{ color: #000080; font: normal 8pt "MS Sans Serif",verdana; }
a:visited			{ color: #0000ff !important; }
img				{ border: 0px; }

.soft				{ font-weight: normal !important; }
.hard			{ font-weight: bold !important; }
.hidden,.off		{ display: none !important; }
.visible			{ display: inline; border: 0px solid red; }

.forcedCaps		{ text-transform: capitalize !important; }
.forcedUPPER		{ text-transform: uppercase !important; }
.forcedLower		{ text-transform: lowercase !important; }

H1				{ color: #808080; font: bold 16pt arial; }
H2				{ color: #000080 !important; font: bold 10pt verdana; }
H3				{ color: #808080; font: normal 8pt verdana; }
h3 a:link,h3 a:visited	{ color: #000000 !important; }

ul				{ color: #000080; font: normal 10pt verdana; }

ul.new			{ list-style-type: none; list-style-image: url(/gfx/bullets/new.gif); }

#centredPage		{ text-align: center !important; width: 100% !important; }
.button			{ cursor: hand !important; }
.basketButton		{ width: 150px; font: normal 10pt verdana; cursor: hand !important; }

.menuGrid			{ width: 90px; margin-top: 20px; }
.menuGrid TD		{ text-align: right; }

#cartHead			{ width: 100%; height: 30px; color: #000060; border-bottom: 1px solid #000000; font: bold 10pt verdana; }
#cancelled		{ width: 100%; padding-top: 75px; font: normal 10pt verdana; background: url(/gfx/icons/hazard.gif) no-repeat center; }

.addedProduct		{ color: red; background: yellow; }

#added2basket		{ border: 0px solid red !important; padding: 8px; }

#footer			{  padding: 10px 20px 0px 20px; }
#footer P			{ color: #808080 !important; font: normal 8pt verdana; }
#footer A:link		{ color: #404040 !important; }
#footer A:visited	{ color: #404040 !important; }
#footer A:active	{ color: red !important; background: yellow !important; text-decoration: none !important; }

#footer h2 A:link	{ color: #000080 !important; }
#footer h2 A:visited	{ color: #000080 !important; }
#footer h2 A:active	{ color: red !important; background: yellow !important; text-decoration: none !important; }





.csspan {color: #000000; font-family: Verdana, sans-serif; font-size: 10pt }

.csbase {color: #000000; font-family: Verdana, sans-serif; font-size: 10pt }
.csbaseterms {color: #000080; font-family: Verdana, sans-serif; font-size: 10pt }
.csbasek {color: #000000; font-family: Verdana, sans-serif; font-size: 10pt }

.cssmall {color: #000000F; font-family: Verdana, sans-serif; font-size: 8pt }
.cssmallterms {color: #000080; font-family: Verdana, sans-serif; font-size: 8pt }
.cssmallit {color: #808080; font-family: Verdana, sans-serif; font-size: 8pt; font-style: italic }

.cshead {color: #808080; font-family: Arial, sans-serif; font-size: 15pt; font-weight: bold }

.cssub {color: #808080; font-family: Verdana, sans-serif; font-size: 10pt; font-weight: bold }

.cssub2 {color: #000080; font-family: Verdana, sans-serif; font-size: 10pt; font-weight: bold }

.csh3 {color: #FFCC33; font-family: Verdana, sans-serif; font-size: 11pt }

.csul {color: #000000; font-family: Verdana, sans-serif; font-size: 10pt }



#chqOrderCanvas		{ padding: 20px; margin: 0px; background: #FFFFFF; }
.chqOrderItemGrid		{ width: 100% !important; color: #000000; font: normal 8pt verdana !important; }
.chqOrderItemTr		{ }
.cartLine				{ width: 100%; height: 1px; color: #000000; }
.cartTextArea			{ width: 100%; height: 100px; font: normal 8pt verdana !important; padding: 5px; }

.cartGrid				{ width: 100%; font: normal 10pt verdana; border: 0px solid #000000; }
.cartGrid TD			{ width: 50%; padding: 8px; }

#psPaymentGrid		{ width: 100%; font: normal 10pt verdana; border: 0px solid #000000; }
#psPaymentGrid TD		{ width: 50%; padding: 8px; }

#psPayment2Grid		{ width: 100%; font: normal 10pt verdana; border: 0px solid #000000; }
#psPayment2Grid TD		{ width: 50%; padding: 8px; }
#psPayment2Grid2		{ width: 100%; font: normal 10pt verdana; border: 0px solid #000000; }
#psPayment2Grid2 TD	{ width: 50%; padding: 8px; }

#orderSummaryBlock	{ }

#orderSummary		{ width: 100%; font: normal 10pt verdana; border: 0px solid #000000; border: 3px solid #000000; }
#orderSummary TD		{ width: 50%; padding: 6px; }
#orderSummary hr		{ width: 100%; height: 1px; color: #000000; }

#confirmButtons		{ width: 100%; text-align: center !important; padding-top: 10px; }
#confirmButtons INPUT	{ width: 150px; cursor: hand; margin: 5px; }
#cancel				{ color: #808080; background: #e0e0e0; }

#cardOptions			{ }
#chequeInfo			{ font: normal 8pt verdana !important; }
#issueNumber			{ }


#orderGrid			{ width: 100%; font: normal 8pt verdana; border: 1px solid #000000; }
#orderGrid TD			{ width: 50%; padding: 8px; }
#orderGridTitle			{ font-weight: bold !important; }

.bluefont
{
color: #000080;
}


.paymentMethodRadio	{ clear: both; }
.cardTypeRadio			{ clear: both; }



/* Standard nicer tables */

table					{ border: 0px; }
#grid				{ color: #606060; border-collapse: collapse; border: 1px solid #606060; font: normal 10pt arial; }
#grid tr.header			{ color: #404040; background: #eeeeee; }
#grid td				{ padding: 10px; border: 1px solid #c0c0c0; }



/* Help Page (/help/) */

.carriage				{ margin: 0px 0px 10px 0px; }
.carriage td			{ text-align: center; }
.carriage td.nep			{ }



/* Post-Frameset Extra css */

#header				{ width: 100%; }
#menu	 			{ float: left; width: 115px; height: 90%; padding: 0px 5px 0px 0px; margin: 0px; background: #000000 url(/gfx/back/menufade.gif) repeat-x bottom left; }
#main				{ float: left; width: 600px; height: 90%;  background: url(/gfx/back/canvas.gif) no-repeat; }	
.main				{ padding: 20px; }
#middle				{ float: left;  height: 100%; width: 800px; clear: right; }
#footer2				{  padding: 10px 20px 0px 20px; clear: left; }
#footer2 P				{ color: #808080 !important; font: normal 8pt verdana; }
#footer2 A:link			{ color: #404040 !important; }
#footer2 A:visited		{ color: #404040 !important; }
#footer2 A:active		{ color: red !important; background: yellow !important; text-decoration: none !important; }

#footer2 h2 A:link		{ color: #000080 !important; }
#footer2 h2 A:visited		{ color: #000080 !important; }
#footer2 h2 A:active		{ color: red !important; background: yellow !important; text-decoration: none !important; }

#textmenu			{ color: #ff9900; text-align: right; margin: 22px 0px 0px 0px; font: normal 10pt fixedsys,arial; text-transform: lowercase !important; }
#textmenu span		{ clear: both !important; width: 100%; height: 30px; line-height: 30px; }
#textmenu a			{ display: block; clear: both !important; color: #FFFFFF; width: 100%; height: 30px; line-height: 30px; text-decoration: none; }
#textmenu a.current		{ display: block; clear: both !important; color: #ff9900 !important; width: 100%; height: 30px; line-height: 30px; text-decoration: none; }
#textmenu a:visited		{ display: block; clear: both !important; color: #FFFFFF !important; }
#textmenu a:hover		{ display: block; clear: both !important; color: #ff9900 !important; }
#textmenu a:active		{ display: block; clear: both !important; color: #ff9900 !important; }



/* Search Forms */

.field100				{ width: 100%; }
.tdDropList select		{ width: 100%; font: 10pt "MS Sans Serif",arial; }



/* Product Details ... */

.colours				{ font: normal 10pt verdana; }
.sizes				{ font: normal 10pt verdana; }



/* Google stuff */

#googleAnalytics	{ display: inline; clear: both; width: 5px; height: 5px; overflow: hidden; background: #e0e0e0; border: 1px solid #c0c0c0; cursor: help; }