/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

version:   1.0
author:    colin summers
email:     colin@the-radiator.com
website:   http://www.the-radiator.com
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* Colours in Project-------
logo colour - #333
link colour - #333
background colour - #333
warning colour - #333
main header colour - #333
paragraph colour - #333*/


/* Remove padding and margin */
* {
  margin: 0;
  padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 0px; 
}

/***** Global Classes *****/


.clear         { clear:both; }
.clear-right   { clear:right;}
.clear-border  { clear:both; border-bottom:1px solid #CCCCCC; margin-bottom:10px; padding-top:3px; padding-bottom:3px;}
.float-left    { float:left; }
.float-right   { float:right; }
.butt-right    { float:right; padding-right:15px;}

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
.text-normal	{ font-weight:normal;}

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }

.wrap          { width:960px;margin:0 auto; }
hr 				{clear: left;}

.border-top		{ border-top:1px solid #F0F0F0; margin-top:25px; padding-top:4px;}

.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
.price		   { color:#1B8036; font-weight:bold;}
.price-list	   { color:#1B8036; font-weight:bold; font-size:18px; background-color:transparent;}
.price-was    { font-weight:bold; font-size:14px; text-decoration:line-through; }
.price-save    { font-weight:bold; font-size:12px; color:#990000; }

.margin			{ margin-top:10px; border:none;}
.margin-bottom	{ margin-bottom:15px; border:none;}
.redhead		{ color:#BF0000;}
.items			{ color:#0093A8;text-decoration: none; font-weight:bold;}
.number			{font-size:28px; color:#BF0000; font-weight:bold;}
.noBorder       { border:none;}
.prodImg        { float:left; border:none; margin-right:6px; width:92px; height:92px; margin-left:10px; }
.signImg        {  margin-right:6px; margin-left:10px; text-align:center; border:none;}
.signthumb		{ width:140px; float:left; overflow:hidden; margin-bottom:10px;  text-align:center;  }


.borderTop{ border-top:1px solid #ccc; width:545px; background-color:transparent; float:right;}
.borderTop p{ margin-top:15px;}
/* =Typography
-----------------------------------------------------------------------------*/

body 				{font: 76% arial,sans-serif;text-align:center; background-color:#CCCCCC; color:#333333;}
div#containerbg		{text-align:left;width:970px;margin:0 auto;background-color:#fff; background-image:url(../images/bg_header.jpg); background-repeat:repeat-x; }
div#container		{text-align:left;width:950px;margin:0 auto;}
p					{margin:0 10px 10px;}
div#content p		{line-height:1.4;}
div#content ol		{ margin-left:50px; margin-bottom:10px;}
/* =Headings
-----------------------------------------------------------------------------*/
h1 {font-size: 30px; font-weight:normal; color:#333; padding-bottom:15px; padding-left:10px; margin-top:-5px;}
h1.prod { color:#1B8036; padding-left:0px;}
h1.prod2 { color:#1B8036; padding-left:0px; padding-top:10px;}
h2 {font-size: 18px; font-weight:bold; color:#333; padding:15px 15px 0px 15px;}
h2.cat {font-size: 30px; font-weight:normal; color:#333; padding:30px 15px 15px 10px;}
h3 {font-size: 21px; font-weight:bold; color:#333; padding:15px 15px 0px 15px;}
h3 a{ color:#333; }
h3 a:link{ color:#333;}
h3 a:visited{ color:#333;}
h3 a:hover{ color:#333;}
h4 {font-size: 16px; font-weight:bold; padding:0px 0px 15px 15px;}

/* =Links
-----------------------------------------------------------------------------*/
a				{ color:#0093A8;text-decoration: none;}
a:link 			{ color:#0093A8; text-decoration: none;}
a:hover			{ color:#0093A8; text-decoration: underline;}

.advancedsearch	a{ color:#333333;}


/* =Header and Branding
-----------------------------------------------------------------------------*/
div#header					{position:relative; height:185px; background: url(../images/bg_contact.jpg) no-repeat 850px 4px;z-index:999;}
div#header .opening		{position:absolute; right:329px; text-align:right; font-size:10px; top:50px;}
div#header .telephone		{position:absolute; right:105px; text-align:right; font-size:16px; top:50px;}
div#header ul.about			{position:absolute; right:95px; top:20px; display:inline; list-style-type:none; }
div#header ul.about li		{display:inline; list-style-type:none;}
div#header ul.about a		{background:url(../images/bullet01.jpg) no-repeat 0px 1px; padding-left:15px; padding-right:10px; color:#333333;}
div#header ul.services		{position:absolute; right:95px; top:90px; display:inline; list-style-type:none; }
div#header ul.services li	{display:inline; list-style-type:none;}
div#header ul.services a	{background:url(../images/bullet01.jpg) no-repeat 0px 1px;  color:#333333;padding-left:15px;padding-right:10px;}
div#header ul.basket		{position:absolute; right:105px; top:106px; width:300px; text-align:right; display:inline; list-style-type:none;}
div#header ul.basket a		{color:#0093A8; font-weight:bold;}

div#header ul.basket img	{position:relative; top:4px;}

div#header	.search			{position:absolute; right:15px; top:140px;}
div#header	.magnify		{position:absolute; left:10px; bottom:5px;}



/* =Main Nav
-----------------------------------------------------------------------------*/
div#mainnav{
background:#B9CAFF;float:right;width:200px;
}


/* =Sub Nav (right hand column)
-----------------------------------------------------------------------------*/
div#subnav		{float:right;width:229px; }
div#subnav h3	{background: url(../images/boxtop.jpg) no-repeat; color:#333333; padding:15px 15px 0px 15px; position:relative;}
div#subnav p 	{ padding:0px 8px 8px 15px; font-weight:bold; margin:0px; position:relative;}
div#subnav .box	{ background:url(../images/bg_boxsmall.jpg) no-repeat; background-position:bottom; }
div#subnav .form-left		{float:left;}
div#subnav .form-right		{float:right; margin-right:5px;}


/* =Secondary Content (left hand column)
-----------------------------------------------------------------------------*/

div#subsubnav		{float:left;width:229px;}
div#subsubnav h3	{background: url(../images/boxtop.jpg) no-repeat; color:#333333; padding:15px 15px 0px 15px; position:relative;}
div#subsubnav p 	{ padding:0px 8px 8px 15px; font-weight:bold; margin:0px;position:relative;}
/*div#subsubnav ul	{ list-style-type:none; margin:10px 0px 0px 0px; padding:0px 0px 10px 0px;}
div#subsubnav ul li	{ list-style-type:none; margin-left:14px; line-height:18px;}
div#subsubnav ul li	a{ padding-left:20px; background:url(../images/bullet01.jpg) no-repeat; background-position:2px 2px; background-color:pink;}*/

div#subsubnav ul	{margin:10px 0px 0px 0px; padding:0px 0px 10px 0px; }
div#subsubnav ul li	{list-style-image:url(../images/bullet03.gif); margin: 0px 0px 0px 32px; line-height:18px; padding:0px; }
div#subsubnav .box	{ background:url(../images/bg_boxsmall.jpg) no-repeat; background-position:bottom; padding-bottom:20px;  margin-top:10px; border:none; clear:both;}

/*margin-top:10px; border:none;*/
/* =Main Content
-----------------------------------------------------------------------------*/

div#content-home{text-align:left; float:left;width:706px; margin-bottom:10px;}
div#content		{text-align:left; float:right;width:706px; background-color:#FFFFFF; margin-bottom:10px; margin-top:10px; }
div#content	 .catthumbNoLine{width:165px; margin:10px auto 0px auto; padding:0px 0px 0px 0px; float:left; text-align:center; padding-bottom:10px; height:185px; }
div#content	 .catthumbLeft{width:165px; margin:10px auto 0px auto; padding:0px 0px 0px 0px;float:left;text-align:center;padding-bottom:10px; background:url(../images/bg_catthumbleft.jpg) top; height:185px; }
div#content	.catthumbTop{width:165px; margin:10px auto 0px auto; padding:0px 0px 0px 0px;float:left;text-align:center;padding-bottom:10px; background:url(../images/bg_catthumbtop.jpg) top; height:185px; }
div#content	 .catthumb{width:165px; margin:10px auto 0px auto; padding:0px 0px 0px 0px;float:left;text-align:center;padding-bottom:10px; background:url(../images/bg_catthumb.jpg) top; height:185px;  }
div#content	.lLeft	{text-align:left; float:left; width:475px; background-color:transparent; margin-bottom:10px; margin-right:6px; }
div#content	.lRight	{text-align:left; float:right; width:225px; background-color:transparent; margin-bottom:10px; }
div#content	.lRight h2{ padding:0px 0px 20px 10px;}
.catImg{ width:165px; height:150px; text-align:center; background-color:transparent; margin-top:10px; }








div#content h2 { padding-left:10px;}

div#content	 .catthumbimg{width:140px;border:none;text-decoration:none; margin:0px 0px 5px 0px;padding:0px 0px 0px 0px; }
.box h3			{ background:url(../images/bg_box.jpg) no-repeat top;}
.box 			{ background:url(../images/bg_boxbottom.jpg) no-repeat bottom;}
.box-tabsmodule	{ background:url(../images/bg_boxbottom.jpg) no-repeat bottom; height:330px; position:relative;}
.box-tabsmodule	h3{ background:url(../images/bg_box.jpg) no-repeat top;}
.breadcrumbs	{ padding:5px 5px 5px 10px; position:relative;}
.advancedsearch	{position:absolute; left:800px; width:170px; text-align:right;}

.adMsg{ width:110px; float:left; background-color:transparent; text-align:right; padding-top:8px; padding-right:10px;}
.adBut{ width:50px; float:left; background-color:transparent; text-align:right;}

.cards			{ position:relative; margin-top:10px;}
.cards-number	{ position:absolute; width:600px; top:11px; left:10px; font-weight:bold; font-size:18px;}
.datesnotwork	{ position:absolute; width:700px; top:11px; left:35px; font-weight:bold; font-size:18px;}
.datesnotwork .button	{ position:relative; top:4px; border:none;}
.warning		{ position:absolute; left:-25px; top:8px;}
.clear-border .button  { position:relative; left:10px; top:5px; z-index:1; border:none;}

.datesnotwork .txt{ float:left; width:540px; }
.datesnotwork .rest{ float:left; width:100px; padding-top:5px; text-align:right;}

/*PRODUCT PAGE*/
#productpanel{width:950px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; text-align:left;}
#productcrumbs{width:950px;margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;position: relative; text-align:left;font-size:12px; margin-top:10px;}
#productleft{width:440px;margin:0px 0px 0px 0px;padding:10px 0px 0px 0px;overflow:hidden;float:left;border-top: 1px solid #DCDCDC; background-color:transparent; }
.productimg{width:368px; height:368px; margin:0px; padding:0px; background-color:#fff; text-align:center; border-width: 0px; vertical-align:middle; float:left;  }
.productHSE{ width:72px; background-color:transparent; float:left; text-align:center;}
.productextra{width:80px; height:80px;border:1px solid #C2C2C2; clear:both; position:absolute; margin-bottom:10px; left:-50px; top:0px;}
.detail{ border:none; max-width:440px;overflow:hidden; }
/*Image zoom */
#dvMainImageZoom {position:relative; overflow:hidden; left:0px; visibility: hidden;}
.content_product_images_mainimage_zoom{border-top:solid 1px #AAAAAA; border-left:solid 1px #AAAAAA; border-right:solid 1px #AAAAAA; border-bottom:solid 1px #AAAAAA;}
.zoomicons { position:absolute; bottom:0px;}

#productright{width:495px; margin:0px 0px 0px 0px;padding:10px 0px 0px 12px;float:left;overflow:hidden;border-top: 1px solid #DCDCDC;  background-color:transparent;}
#productright h1{ margin-bottom:0px; padding-bottom:0px;}
#productright p.title{padding-left:0px; margin-left:0px;}
#productright .title { font-size:21px; color:#333333;}
#productright .row  { clear:both; border-bottom:1px solid #CCCCCC; font-size:10px; margin-bottom:10px; padding-top:3px; padding-bottom:6px;}
#productright .code { float:left; width:50px; margin-right:5px; padding-top:5px;}
#productright .product {float:left; width:185px; margin-right:5px; padding-top:5px; font-size:11px;}
#productright .stockmessage {float:left;width:46px; margin-right:5px;}
#productright .price {float:left;width:110px; margin-right:5px; color:#333333; }
#productright .quantity {float:left;width:70px; margin-right:5px; }
#productright .basketBtn{margin-left:40px;}

#productright ul { margin:10px 0px 10px 0px; clear:both;}
#productright ul li{ display:inline;margin:0px; padding:0px 15px 0px 15px; background-image:url(../SiteImages/bullet04.gif); background-repeat:no-repeat; background-position:0px 3px;}

ul.print { margin:10px 0px 10px 0px; clear:both; float:right;display:inline;}
ul.print li{ display:inline;margin:0px; padding:0px 15px 0px 15px; background-image:url(../SiteImages/bullet04.gif); background-repeat:no-repeat; background-position:0px 3px;}

.basketheadmyacc{ clear:both;border-bottom:1px solid #D1D1D1; background-color:#F4F4F4; width:950px; padding-bottom:4px; padding-top:10px; font-weight:bold; }
.baskethead{ clear:both;border-bottom:1px solid #D1D1D1; background-color:#F4F4F4; float:left; width:950px; padding-bottom:4px; padding-top:10px; font-weight:bold; }
.baskethead2{ clear:both; background-color:#F4F4F4; float:left; padding-bottom:4px; width:950px; padding-top:10px; font-weight:bold; }
.basketlower{ clear:both;float:left; padding-bottom:4px; width:950px; font-size:11px; color:#463031; text-transform:uppercase; background-color:transparent;padding-top:10px; }



.gvHead{border-bottom:1px solid #D1D1D1; background-color:#F4F4F4; float:left; padding:6px;}
.gvItem{ float:left; padding:6px;}
.gvBreak{ clear:both; width:950px; float:left; background-color:transparent; border-bottom:1px solid #CCCCCC; padding-top:10px; }

/* =Basket
-----------------------------------------------------------------------------*/

div#basket{  width:950px; background-color:transparent; font-family:Arial,sans-serif; }
div#basket p{ margin:0px; padding:0px; }
div#basket .baskethead a{ color: #0093A8;}
#productright .row  { clear:both;  }
div#basket .basketrow{ clear:both; width:950px; float:left; background-color:transparent; border-bottom:1px solid #CCCCCC; padding-top:10px; }
#basket .code { float:left; width:100px; margin-right:5px; background-color:transparent; }
div#basket .baskettotal{ clear:both; padding-bottom:10px; padding-top:4px; width:750px; float:left; border-top:1px solid #D1D1D1;}
div#basket .basketrow a{color: #0093A8;}
div#basket .col-image{ float:left; width:125px; background-color:transparent; }
div#basket .col-product{ float:left; width:270px; margin-right:5px;background-color:transparent; }
div#basket .col-price{ float:left;width:105px; margin-right:5px; color:#333333; background-color:transparent;}
div#basket .col-quantity{ float:left;width:40px; margin-right:5px; background-color:transparent; }
div#basket .col-recalc  { float:left; width:110px; background-color:transparent; text-align:right;}
div#basket .col-value{ float:left; width:115px; background-color:transparent; text-align:right;}


#basket .basketrow .col-product  { padding-top:25px;}
#basket .basketrow .col-price  { padding-top:25px;}
#basket .basketrow .col-quantity  { padding-top:25px;}
#basket .basketrow .col-value  { padding-top:25px;}
#basket .basketrow .col-remove  { padding-top:26px; width:60px;}
#basket .basketrow .col-recalc  { padding-top:26px; width:90px;}
#basket .basketrow .code  { padding-top:25px;}
div#basket .col-value2{ float:right; width:85px; background-color:transparent; text-align:right;}
div#basket .col-remove{ float:left; width:110px; text-align:center; background-color:transparent;  }
div#basket .quantity{ width:30px; font-size:11px; text-align:right; background-color:transparent;}
div#basket .price{float:right; text-align:right; width:85px; background-color:transparent; color:#333; padding-right:25px;}
div#basket .cards{ position:relative; left:770px; bottom:80px;}

/* ----------------------------------------------------------------------------*/


/* =Footer
-----------------------------------------------------------------------------*/
#footer {background-color:#FFF; position:relative;width:935px;text-align:center;padding:0px 10px 0px 10px;margin-top:30px;clear:both;text-align:left; clear:both; background-image:url(../images/bg_footer.jpg); background-repeat:no-repeat; }
#footer a{color:#4C4C4C;}
#footer .logo { position:absolute; bottom:75px; right:20px; border:none;}
#footer .title{color:#0093A8; font-weight:bold;}
#footer ul{margin: 4px 0px 0px 0px;font-size:12px;}
#footer ul li{margin:0px;background-repeat:no-repeat;list-style-image:none;list-style:none;text-align:left;color:#333333;font-size:12px;}
#footer .footone {width: 160px;float:left;padding: 10px;height:160px;margin:8px 6px 0px 0px; }


/* =Form Data
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset 					{border: 1px solid transparent;}
input, select, textarea 	{}
textarea 					{}
#header .formfield			{ width:140px; padding-left:40px; font-style:italic; color:#999; padding-top:3px; padding-bottom:3px;}
#header .button				{ position:relative; top:4px; left:10px;}
#content .sortby			{ width:200px;}
#email_form .formfield		{ width:190px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-style:italic; color:#999999;}
#email_form .formfield2		{ width:95px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-style:italic; color:#999999;}
#email_form .button			{ position:relative; left:98px;}
#training_form .select		{ width:200px; margin:0px; font-size:10px;}
#training_form .select2		{ width:80px; margin:0px; font-size:10px;}

/* = Home Page Image Scroller Module
-----------------------------------------------------------------------------*/

.panel 						{ }
.panel-overlay  			{ }
.panel-overlay h2 			{ }
.panel-overlay p 			{ position:relative; top:8px; font-size:14px;}
#photos .galleryview 		{ background-color:#fff;}
#pointer 					{ display:none;}
.noborder                    {border:none;}


/* = Home Page Image Scroller Module and tabbed panels
-----------------------------------------------------------------------------*/
#deals { width:705px;  height:260px; position:relative; clear:both; text-align:left; margin-bottom:20px; top:10px; background:url(../images/bg_specials.jpg) no-repeat bottom;  }
#deals h3 { background:url(../images/bg_headerspecials.jpg) no-repeat top; margin:0px;}
#dealsinner { position:relative; top:20px; left:20px; width:705px; }
#deals .arrows { position:absolute; left:670px; top:15px; width:40px;}
#deals .productsboxhome{width:155px;float:left;text-align:center;font-size:12px;padding:0px 5px 0px 5px;margin-bottom:3px;overflow:hidden; height:180px;}
#deals .productsboxhome .price{ font-size:16px;}


.TabbedPanels 	{width: 500px;}
.TabbedPanelsTab {font-family: sans-serif; font-size: 12px;font-weight: bold;}
.TabbedPanels1 {	width: 500px;}
.TabbedPanelsTab1 {	font-family: sans-serif;font-size: 12px;font-weight: bold;}






/* = Home and Detail Page Tabbed Modules 
-----------------------------------------------------------------------------*/

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border: 1px solid #ccc;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

.optionsbox{ width:10px; float:left;}
.clearboth{ clear:both;}


/* Courses Info */



.standardContent ul				{list-style-type:none; margin:20px;}
.standardContent ul li			{background-image:url(../images/icon_tick.jpg); background-repeat:no-repeat; background-position: 0px 0px; padding-left:30px; display:block;}


.coursetime					{ float:left; margin-left:20px;}
.coursetime-detail			{ float:right; clear:right; padding:10px; position:relative; right:10px;}
.courseday					{ font-size:18px;}
.coursebox 					{width:345px; height:150px;background-image: url(../images/bg_coursebox.jpg);}
.coursebox p { margin:2px 10px 2px 10px; padding:0px;}
.coursebox ul				{list-style-type:none; margin-left:20px; margin-right:20px; font-weight:bold;}
.coursebox ul li			{background-image:url(../images/icon_tick.jpg); background-repeat:no-repeat; background-position: 0px 0px; padding-left:30px; display:block;}


.coursebox p				{padding:5px;}
div#coursesearch			{width:706px;height:160px; background:url(../images/bg_coursesearch.jpg); background-repeat:no-repeat; }
div#coursesearch h3			{color:#FFFFFF;}
div#coursesearch .column1	{width:245px; float:left; padding-left:18px; margin-top:10px;}
div#coursesearch .column1a	{width:155px; float:left; padding-left:18px; margin-top:10px;}
div#coursesearch .column2	{width:108px; float:left; padding-left:18px; margin-top:10px;}
div#coursesearch .formfield	{width:245px; margin-top:5px; font-size:11px;}
div#coursesearch .formfielda{width:155px; margin-top:5px; font-size:11px;}
div#coursesearch .formfield2{width:108px; font-style:italic; color:#999999; margin-top:5px; font-size:11px;}
div#coursesearch label		{ color:#FFFFFF; margin-bottom:5px;}

.errorLbl{ padding-left:18px; color:Red;}

.course-row-head			{ clear:both; border-bottom:1px solid #ccc; background-color:#E9E9E9; padding-top:5px;}
.course-row					{ clear:both; border-bottom:1px solid #ccc; padding-top:10px;}
.course-row	.quantity		{ width:20px; float:right; position:relative; top:5px; padding:3px;}


.date-time					{ float:left; width:130px;margin-right:10px;}
.location					{ float:left; width:150px;margin-right:10px;}
.priceperperson				{ float:left; width:150px;margin-right:10px;}
.noofplaces					{ float:left; width:100px;margin-right:10px;}
.booknow					{ float:left; width:100px; padding-top:7px; padding-right:4px;}
.incrBxs{ float:right; padding-top:5px;}



/*Related Resources*/
.resBox{ width:575px; float:left; background-color:transparent; margin-top:10px;}
.resLine{width:575px; float:left; background-color:transparent; margin-bottom:4px; font-size:15px;}
.resImg{ width:25px; float:left; background-color:transparent; padding-top:8px;}
.resImg2{ width:25px; float:left; background-color:transparent; padding-top:2px;}
.resTitle{width:550px; float:left; background-color:transparent; font-size:13px; color:#6D6D6D;}
.rT{font-size:21px; color:#FF7534; float:left; }
.resBoxH{ width:480px; background-color:transparent; margin-top:4px;}
.resLineH{width:470px; float:left; background-color:transparent; margin-left:10px;}


div#content .row{ width:710px; clear:both; padding-bottom:10px; float:left; background-color:transparent;}
div#content .row .col-one{width: 155px; float:left; margin-right:5px; background-color:transparent; text-align:left; padding-top:3px; }
div#content .row .col-two{width: 195px; float:left; background-color:transparent; }
.col-two p.small{ padding:0px; margin:0px;  }
div#content .row .col-twoLong{width: 305px; float:left; background-color:transparent; }
div#content .required {color: #950000; }

.imagelink{ padding-top:5px;}

/* Checkout */
div#checkout{float:right; width:950px; color:#0C0C0C; background-color:transparent; margin-top:10px;}
div#checkout .title{text-transform:capitalize; color:#0C0C0C; padding:5px; background-color:#F4F4F4; }

div#checkout .errorTitle{color:#C40000; padding:6px; background-color:#FFD9D9; margin-top:10px; width:676px; }

div#checkout .left{width: 720px; float:left; }
div#checkout .left .title{ margin-bottom:30px; }
div#checkout .left .column-three{width: 225px; position:relative; float:left; margin-right:15px; margin-top:28px; height:300px; }

div#checkout .left .column-two{width: 345px; position:relative; float:left; margin-right:15px; height:300px; background-color:transparent; }
div#checkout .top{background-color:transparent; padding-top:10px; height:175px; }
div#checkout .left .row{ width:710px; clear:both; padding-bottom:10px; float:left; }
div#checkout .left .row2{ width:710px; clear:both; float:left; }
div#checkout .left .row2 p{ margin:5px; padding:4px;}
div#checkout .left h3{ margin:0px; padding:0px 10px 20px 10px;}
div#checkout .left .rowborder{ width:710px; clear:both; margin-bottom:10px; margin-top:10px; border-top:1px solid #ccc; padding-top:10px; }


div#checkout .left .rowborder2{ width:710px; clear:both; margin-bottom:10px; margin-top:10px; border-top:1px solid #ccc; padding-top:10px; overflow:hidden; }

div#checkout .billingbottom {background-image:url(../images/bg_boxbottom.jpg); background-repeat:no-repeat; background-position:bottom left; padding:0px 0px 20px 0px;}
div#checkout h3.billingtop{background-repeat:no-repeat; background-image:url(../images/bg_box.jpg); padding-top:10px;}

div#checkout .left .row .col-one{text-align:right; width:130px; float:left; margin-left:15px; margin-right:15px; background-color:transparent;}
div#checkout .left .row .col-one-left{text-align:left; width:128px; float:left; margin-left:15px; margin-right:15px;}
div#checkout .left .row .col-two{width:175px;float:left;background-color:transparent;}
div#checkout .left .row .col-three{width:490px;float:left; margin-top:4px;}
div#checkout .left .row .col-four{width:295px;float:left; margin-top:4px; background-color:transparent; padding-left:40px; font-style:italic;}
div#checkout .right{width: 230px; float:right; background:url(../images/bg_boxsmall.jpg) no-repeat; background-position:bottom left; position:relative; top:-50px;}
div#checkout .right h3{background: url(../images/boxtop.jpg) no-repeat; padding:10px; margin:0px; border:none;}
div#checkout .right .rowprod{ padding:10px 0px 10px 0px; clear:both; border-bottom:1px solid #D1D1D1; width:228px; float:left;}
div#checkout .right .rowborder{ padding:10px 0px 10px 0px; clear:both; border-bottom:1px solid #D1D1D1; width:228px; float:left; }

div#checkout .right .rowborder2{ padding:10px 0px 10px 0px; clear:both; border-bottom:1px solid #D1D1D1; width:228px; float:left; overflow:hidden;}
div#checkout .right .row{ padding:10px 0px 10px 0px; clear:both; width:230px; float:left;}
div#checkout .right .total{ padding:10px 0px 10px 0px; background-color:#E4E2E3; clear:both; width:230px; float:left; font-weight:bold;}
div#checkout .required {color: #950000; }
div#checkout .cards { margin-bottom:50px; margin-left:10px;}
div#checkout .button { margin-top:10px; margin-left:10px;}
div#checkout .formfield-01 { width:60px; border:1px solid #B2B2B2; margin:0px;}
div#checkout .formfield-02 { width:175px; border:1px solid #B2B2B2; margin:3px 0px 10px 10px;}
div#checkout .formfield-03 { width:175px; border:1px solid #B2B2B2; margin:0px;}
div#checkout .formfield-04 { width:490px; border:1px solid #B2B2B2; margin:0px;}
div#checkout p.floatleft{float:left;}
div#checkout p.floatright{float:right; text-align:right;}

.bg{ /*background-color:#F4F4F4;*/ background-color:#F4F4F4; width:700px; height:25px; padding-top:4px; margin-bottom:15px;} 

.courseD{ background-color:transparent; width:300px; float:left;}
.pageD{ background-color:transparent; float:left; padding-top:10px;}

.table-spec { width:100%; font-size:11px; margin-bottom:10px;}
.table-spec td { border-bottom:1px solid #ccc; padding:3px;}
.table-spec .toprow{ font-weight:bold;}
.table-spec .firstcol{ padding-right:10px;}



.rolloverBtn{
    font-family:Arial; 
	width: 120px;
	text-decoration: none;
	text-decoration:none;
	color:#FFFFFF;
	font-size:13px;
    border:none;
    cursor:pointer; 
    background-color:#0096A0; 
    padding:2px 0 3px 0;
	}

.rolloverBtn:hover{
    background-color:#007282; 
	text-decoration:none;}
	
.rolloverBtnBskt{
    font-family:Arial; 
	width: 120px;
	text-decoration:none;
	color:#007282;
	font-size:13px;
    border:none;
    cursor:pointer; 
    background-color:#FFF; 
   	}

.rolloverBtnBskt:hover{
    background-color:#FFF; 
	text-decoration:underline;
	color:#007282;
	}


.rolloverBtnRemove{
    font-family:Arial; 
	width: 20px;
	text-decoration: none;
	text-decoration:none;
	color:#FFFFFF;
	font-size:13px;
    border:none;
    cursor:pointer;
	background-color:#FFFFFF;
	background-image:url(../images/remove.gif);
	background-repeat:no-repeat;
	}

.rolloverBtnSmall{
    font-family:Arial; 
	width: 80px;
	height: 25px;
	text-decoration: none;
	text-decoration:none;
	font-size:13px;
	color:#3A93A8;
    border:none;
    cursor:pointer; 
    background-color:#fff; 
	}
	
.rolloverBtnSmall:hover{
text-decoration:underline;
	}


.rolloverBtnLogout{
    font-family:Arial; 
	width: 60px;
	height: 25px;
	text-decoration: none;
	text-decoration:none;
	color:#FFFFFF;
	font-size:13px;
    border:none;
    cursor:pointer; 
    background-color:#0096A0; 
	}

.rolloverBtnLogout:hover{
    background-color:#007282; 
	text-decoration:none;}


.rolloverBtnLarge{
    font-family:Arial; 
	width: 200px;
	height: 25px;
	text-decoration: none;
	text-decoration:none;
	color:#FFFFFF;
	font-size:13px;
    border:none;
    cursor:pointer; 
    background-color:#0096A0; 
	}

.rolloverBtnLarge:hover{
    background-color:#007282; 
	text-decoration:none;}


.btnFloatRight{ float:right; margin-right:10px; border:none;}
.catDetail{ margin-left:10px; margin-top:30px;}


.goBtn{
    font-family:Arial; 
	width: 32px;
	height: 25px;
	text-decoration: none;
	text-decoration:none;
	color:#FFFFFF;
	font-size:13px;
    cursor:pointer; 
    background-color:#0096A0;
    border:solid 1px #FFF;  
	}

.goBtn:hover{
    background-color:#007282; 
	text-decoration:none;}
	
.errorLbl{ color:#FF0000; }	


/*SITEMAP INFO*/

#sitemap{
    background-color:transparent;
    width:450px;
    margin:10px 0px 0px 0px;
    padding:0px 0px 20px 10px;
    float:left;
    font-size:12px; 
    }

#sitemap .rootnode{
    background-color:transparent;
    background-image:url('sitemaplink.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:300px;
    height:15px;
    margin:0px 0px 0px 0px;
    padding:5px 0px 2px 20px;
    float:left;
    font-weight:bold;
    }   
    
#sitemap .subnode{
    background-color:transparent;
    background-image:url('sitemaplink.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:280px;
    margin:0px 0px 0px 12px;
    padding:2px 0px 2px 20px;
    float:left;
    } 
    
#sitemap .subnode2{
    background-color:transparent;
    background-image:url('sitemaplink.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:280px;
    margin:0px 0px 0px 24px;
    padding:2px 0px 2px 20px;
    float:left;
    } 
        
#sitemap .subnode3{
    background-color:transparent;
    background-image:url('sitemaplink2.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:280px;
    margin:0px 0px 0px 36px;
    padding:2px 0px 2px 20px;
    float:left;
    }     
/*END SITEMAP INFO*/
#contactForm { width:340px; background-color:transparent; float:left; }
#contactAd { width:340px; background-color:transparent; float:right; text-align:left; }
#contactAd h3{ padding:0px; margin:0px 0px 10px 10px;}

#contactForm fieldset 						{border:none;}
#contactForm legend 							{color:#333; font-weight:normal; font-size:22px; font-family:Arial, Helvetica, sans-serif; margin-bottom:15px;}
#contactForm label 							{display: block;}

#contactForm fieldset input 							{width: 313px; font-family:Arial, Helvetica, sans-serif; color:#333;}
#contactForm fieldset input.radio, input.submit 		{width: auto;}
#contactForm fieldset input:focus, textarea:focus 	{background: #ffc;}
#contactForm fieldset input.radio 					{float: left;margin-right: 1em;}
#contactForm textarea 						{width: 316px;height: 100px;font-family:Arial, Helvetica, sans-serif; color:#333;}
#contactForm .dropDownStyle 				    {width: 316px; font-family:Arial, Helvetica, sans-serif; }
#contactForm label  .required 	{font-size: 12px; color:#950000; float:none; padding-right:2px; }

.sideBnr{ margin-bottom:10px;}

.searchForm{ width:680px; background-color:transparent; float:left; margin-bottom:5px;}
.searchTxt{ width: 100px; background-color:transparent; float:left; padding-top:4px; font-weight:bold; }
.searchInput{ width:320px; background-color:transparent; float:left;}

.mapIcon{ float:left; background-color:transparent; }



/*prod listing*/

.pTitle{ float:left; background-color:transparent; width:245px; font-size:18px; line-height:14px;}
.pTitle2{ float:left; background-color:transparent; width:265px; font-size:18px; }
.pPrice{ float:left; background-color:transparent; width:145px; text-align:left; padding:0px; margin-bottom:10px;}
.pFrom{ float:left; background-color:transparent; width:30px; text-align:left; padding:5px 0px 0px 0px;}
.pRest{ float:left; background-color:transparent; width:115px; text-align:left; padding:0px;}
.pBut{float:right; background-color:transparent; width:119px;}






div#quickOrder{ width: 450px; margin:15px 0 0 0px; float:left; padding-left:15px; }
div#quickOrder .title { background:url(../images/topDealsH1bgnd.gif) no-repeat top left; margin:0px; font-size:16px; color:#FFFFFF; padding:5px 0 3px 10px; font-weight:bold;}
div#quickOrder .row{width:450px; padding: 5px 0 5px 0; border-bottom: solid 1px #CCC; float:left; }
div#quickOrder .column1{float:left;width:50px; background-color:Transparent; font-weight:bold; padding:3px 0 3px 10px; margin-right: 5px;}
div#quickOrder .column2{float:left;width:260px; background-color:transparent;  font-weight:bold; padding:3px 0 3px 0;  margin-right: 5px;}
div#quickOrder .column3{float:left;width:100px; background-color:transparent;  font-weight:bold; padding:3px 0 3px 0;  margin-right: 5px; }
div#quickOrder .column3 input{ width:50px; }
div#quickOrder .column4{float:left;width:50px; font-weight:bold; color:#FFF; text-align:center;  padding:6px 0 3px 0;  margin-right: 5px; }
div#quickOrder .image{width:40px; height:40px;}
div#quickOrderBottom{ width: 706px; margin:20px 0 0 0;float:left;background-color:#f1f5f8; padding:0 10px 10px 0;}
div#quickOrder p{font-size:12px; padding:10px 0 0 10px;}



.column-five{width: 305px; position:relative; float:left; margin-right:15px; height:300px; background-color:transparent; border-right:solid 1px #CCC;  }
.column-five h3{ margin:0px 0px 4px 10px; padding:0px;}
.column-four{width: 335px; position:relative; float:left; margin-right:15px; height:300px; background-color:transparent; }
.column-four h3{ margin:0px 0px 4px 10px; padding:0px;}
.imagelink{ border:none; margin-left:15px;}
.column-four .top{background-color:transparent; padding-top:10px; height:175px; }
.column-four .formfield-02 { width:175px; border:1px solid #B2B2B2; margin:3px 0px 10px 10px;}


.accountleft{width:333px;margin:0px 0px 20px 0px;padding:0px 10px 0px 0px; font-size:13px;float:left; background-color:transparent;}
.accountright{width:333px; font-size:13px;margin:0px 0px 20px 0px;padding:0px 0px 0px 10px;border-left:solid 1px #ccc;float:right; background-color:transparent;}
.account{width: 330px;  position:relative; float:left; margin-right:15px; background-color:transparent;}
.account h3{margin:10px 0px 4px 10px; padding:0px;}

.accountLong{width: 660px;  position:relative; float:left; margin-bottom:15px; background-color:transparent; border-top:solid 1px #CCC;}
.accountLong h3{margin:10px 0px 4px 10px; padding:0px;}
.accounttextleft {display:block; width:330px; position:relative;}
.accounttextright { position:absolute; left:100px;}



/*advice - guides*/
.adLine{ width:700px; float:left; background-color:transparent;}
.adThumb{ width:100px; float:left; background-color:transparent;}
.adContent{ width:600px; float:left; background-color:transparent;}
.adContent p{ margin:0px; padding:10px 0px 0px 0px;}


.rbl{ margin:0px 10px 0px 5px; background-color:transparent; }
.rbl input{ margin-left:4px; margin-right:6px;  }
.delAddress{ font-size:13px; font-weight:bold;}


/*Related Resources*/
.resBox{ width:595px; float:left; background-color:transparent; margin-top:10px; margin-left:10px;}
.resBox h2{ margin-bottom:10px;}
.resLine{width:575px; float:left; background-color:transparent; margin-bottom:4px;}
.resImg{ width:30px; float:left; background-color:transparent; padding-top:4px; padding-left:5px;}
.resTitle{width:550px; float:left; background-color:transparent; font-size:13px; color:#6D6D6D;}
.rT{font-size:21px; color:#FF7534; float:left; }
.resBoxH{ width:550px; background-color:transparent; margin-top:10px;}
.resLineH{width:350px; float:left; background-color:transparent; margin-bottom:4px;}


.centerLbl{ text-align:center; width:300px; float:left; padding-top:10px;}

/*Video Player*/

.leftVideoHolder{float:left; width:320px; background-color:Transparent ;margin-right:25px;}
.leftVideoHolder ul{margin:10px 0 0 10px;}
.leftVideoHolder ul li{margin:5px 0 0 0; list-style-type:none; background-image:url(../images/pdf_icon.gif); padding-left:20px; background-repeat:no-repeat;}

.video{padding:0 0 0 0;}
#videoContent{float:left;}

.videoThumbs{float:left;}
.videoThumbs .header{width:330px; background-image:url(../images/bg_header2.jpg); color:#FFFFFF; font-size:16px; font-weight:bold; padding:5px 5px 5px 5px;}
.videoThumbs .thumbcontainer{width:340px; border-bottom:solid 1px #CCC; padding:5px 0 5px 0;}
.videoThumbs .thumbcontaineron{width:340px; border-bottom:solid 1px #CCC; padding:5px 0 5px 0; background-image:url('../images/vid_on.gif'); background-repeat:repeat-x; background-position:left bottom;}

.videoThumbs .thumbcontainer .image{width:100px; float:left; padding:0 0 0 0;}
.videoThumbs .thumbcontainer .text{width:215px; float:left; padding:5px 0 0 15px;}
.videoThumbs .thumbcontaineron .image{width:100px; float:left; padding:0 0 0 0;}
.videoThumbs .thumbcontaineron .text{width:215px; float:left; padding:5px 0 0 15px;}

div#basketrelateditems		{text-align:left; float:right;width:706px; background-color:#FFFFFF; margin-bottom:10px; margin-top:10px; }


.checkoutLine{width: 700px; float:left; background-color:transparent; margin-top:20px; }
.checkoutTerms{width: 480px; float:left; background-color:transparent; padding-top:20px; }
.checkoutButt{width: 220px; float:right; background-color:transparent; text-align:left; }

.formLine{ width:300px; background-color:transparent; float:left; margin-bottom:8px; margin-left:10px;}
.formText{ width:180px; background-color:transparent; float:left; }
.formInput{ width:50px; background-color:transparent; float:left;}

.discount{color: #950000; font-style:italic;}
.discountText{color: #950000; font-style:italic; font-size:11px;}