﻿body 
{
    background-color: #222222;
    color: #ffffff;
    font-family: Tahoma, Lucida Grande, Helvetica;
    font-size: 12px;
    line-height:1.2em;
    margin:0;
    padding:0;
    width:100%;
    /*min-width:1025px;		/* Minimum width of layout - remove line if not required. The min-width property does not work in old versions of Internet Explorer */
    min-width:1004px;		/* Minimum width of layout - remove line if not required. The min-width property does not work in old versions of Internet Explorer */
}
#colmask
{
    position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
    overflow:hidden;		/* This chops off any overhanging divs */
    background:#555555;		/* Left column background colour */
}
#colmid
{
    float:left;
    width:200%;
    position:relative;
    left:185px;
    background:#fff;    	/* Centre column background colour */
}
#colright
{
    float:left;
    width:100%;
    position:relative;
    left:50%;
    margin-left:-325px;
    background:#555555;    	/* Right column background colour */
}
#col1wrap
{
    float:right;
    width:50%;
    position:relative;
    right:100%;
}
#col1pad
{
    margin:5px 0px 15px 325px;
    overflow:hidden;
}
#col1 
{
    width:100%;
    overflow:hidden;
}
#col2 
{
    float:left;
    width:165px;
    position:relative;
    margin-left:-50%;
    left:149px;
    overflow:hidden;
}
#col3 
{
    float:left;
    width:120px;
    left:10px;
    position:relative;
    overflow:hidden;
}
#footer
{
    clear:both;
    float:left;
    width:100%;
    padding:0;
    margin:0;
}
.clearBoth
{
    clear: both;
}
#signInStrip
{
    float: right;
    margin-right: 10px;
    text-align: right;
}
#dateAndTime
{
    float: left;
    margin-left: 10px;
    text-align: left;
}
#breadcrumbs
{
    background-color: #555555;
    float: left;
    height: 21px;
    padding-top: 6px;
    position:relative;
    width: 100%;
}
a.crumb:visited, a.crumb:link
{
    color: #ffffff;
}
a.crumb:hover
{
    color: #ff3399;
}
a.selectedCrumb:visited, a.selectedCrumb:link
{
    color: #ff3399;
    font-weight: bold;
}
a.selectedCrumb:hover
{
    color: #ff3399;
    font-weight: bold;
}
#breadcrumbs p
{
    float: left;
    margin: 0px;
    padding-right: 7px;
    padding-left: 10px;
}
#breadcrumbSpacer
{
    background-color: #555555;
    height: 10px;
}
#gbLogo
{
    float: left;
    padding: 3px 0px 4px 10px;
}
#header
{
    color: #ffffff;
    background-color: #222222;
    height: 18px;
    padding-top: 4px;
    width: 100%;
}
#bannerNav
{
    background-color: #333;
    /*height: 100px; Breaks IE6*/
    width: 100%;
}
#headerBanner
{
    float: right;
    padding-top: 5px;
    padding-right: 10px;
    position: relative;
}
/*
#headerBanner img
{
    padding-right: 10px;
}
*/
#nav
{
    background-color: #444444;
    float: left;
    height: 23px;
    padding-top: 6px;
    position:relative; 
    width: 100%;
}
#nav .pipe
{
    color: #aaaaaa;
    padding-left: 3px;
    padding-right: 3px;
}
a.selectedChannel:visited, a.selectedChannel:link
{
    color: #00ccff;
    font-size: 12px;
    font-weight: bold;
}
a.selectedChannel:hover
{
    color: #00ccff;
    font-size: 12px;
    font-weight: bold;
}
a.navLinks:visited, a.navLinks:link
{
    color: #ffffff;
    font-size: 12px;
}
a.navLinks:hover
{
    color: #00ccff;
    font-size: 12px;
}
#nav img
{
    padding-left: 10px;
}
#footerCopyright 
{
    clear: both;
    height: 20px;
    padding-left: 200px;
    padding-top: 5px;
    position: relative;
}
#footerWrapper
{
    overflow: auto;
    background-color: #333333;
    clear:both;
    float:left;
    width:100%;
    padding:0;
    margin:0;
}
#footerLHSMargin
{
    float: left;
    width: 200px;
}
#footerRHSMargin
{
    float: right;
    width: 150px;
}
#footerColumnWrapper
{
    margin-left: 200px;
    margin-right: 150px;
}
#footerContainer
{
    overflow: auto;
    padding-top: 5px;
    padding-bottom: 7px;
}
a.footerColumn:visited, a.footerColumn:link
{
    color: #ffffff;
    font-size: 11px;
}
a.footerColumn:hover
{
    color: #00ccff;
    font-size: 11px;
}
.footerColumn25
{
    float: left;
    width: 25%;
}
.footerLinkHeader
{
    padding-bottom: 5px;
    font-weight: bold;
    color: #ffffff;
}

#containerSpacer
{
    background-color: #555;
    height: 10px;
    clear:both;
    float:left;
    width:100%;
    padding:0;
    margin:0;
    
}

/* Old Styles for Table Based Layouts etc. */
input[type=text]
{
    padding: 4px;
    font-family: Tahoma, 'Lucida Grande', Helvetica;
    color: #222222;
    font-size: 12px;
    border: 1px solid #C8C9C6;
}
input[type=file]
{
    font-family: Tahoma, 'Lucida Grande', Helvetica;
    color: #222222;
    font-size: 12px;
    border: 1px solid #C8C9C6;
}
input.noBorderWhiteCenter
{
    border: none;
    text-align: center;
    background-color: #ffffff;
}
textarea
{
    padding: 4px;
    font-family: Tahoma, 'Lucida Grande', Helvetica;
    color: #222222;
    font-size: 12px;
    border: 1px solid #C8C9C6;
}
select
{
    font-family: Tahoma, 'Lucida Grande', Helvetica;
    color: #222222;
    font-size: 12px;
}
td
{
    font-family: Tahoma, 'Lucida Grande', Helvetica;
    color: #222222;
    font-size: 12px;
    font-weight: normal;
}
/* End Old Styles for Table Based Layouts etc. */

.forumQuote
{
	background-color: #E2E2E2;
	color: #555555;
	padding: 5px 5px 5px 5px;
}
.forumQuote p
{
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}
a:visited, a:link
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #222222;
    font-weight: normal;
}
a:hover
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #ff3399;
    font-weight: normal;
}

.white
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
}
.cyan
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #00a8d2;
    font-size: 12px;
    font-weight: normal;
}
.cyanBold
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #00a8d2;
    font-size: 12px;
    font-weight: bold;
}
a.cyanToPink:visited, a.cyanToPink:link
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #00a8d2;
    font-size: 12px;
    font-weight: normal;
}
a.cyanToPink:hover
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #ff3399;
    font-size: 12px;
    font-weight: normal;
}
a.cyanToPinkBold:visited, a.cyanToPinkBold:link
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #00a8d2;
    font-size: 12px;
    font-weight: bold;
}
a.cyanToPinkBold:hover
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #ff3399;
    font-size: 12px;
    font-weight: bold;
}
a.lightCyanToPinkBold:visited, a.lightCyanToPinkBold:link
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #00ccff;
    font-size: 12px;
    font-weight: bold;
}
a.lightCyanToPinkBold:hover
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #ff3399;
    font-size: 12px;
    font-weight: bold;
}
.pink
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    font-size: 12px;
    color: #ff3399;
}
.pinkBold
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    font-size: 12px;
    color: #ff3399;
    font-weight: bold;
}
.pinkSmall
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    font-size: 11px;
    color: #ff3399;
}
.whiteBold
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}
a.whiteBold:visited, a.whiteBold:link
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}
a.whiteBold:hover
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #00ccff;
    font-size: 12px;
    font-weight: bold;
}

a.whiteToCyan:visited, a.whiteToCyan:link
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
}
a.whiteToCyan:hover
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #00ccff;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
}
a.whiteToCyanBold:visited, a.whiteToCyanBold:link
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}
a.whiteToCyanBold:hover
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #00ccff;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}
.bold
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #222222;
    font-size: 12px;
    font-weight: bold;
}
a.bold:visited, a.bold:link
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #222222;
    font-size: 12px;
    font-weight: bold;
}
a.bold:hover
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #ff3399;
    font-size: 12px;
    font-weight: bold;
}
a.blackSmall:visited, a.blackSmall:link
{
  font-family       : Tahoma, Lucida Grande, Helvetica;
  color			        : #222222;
  font-size         : 11px;
  font-weight		    : normal;
}
a.blackSmall:hover
{
  font-family       : Tahoma, Lucida Grande, Helvetica;
  color			        : #ff3399;
  font-size         : 11px;
  font-weight		    : normal;
}
.lightGreyBold
{
    font-family: Tahoma, 'Lucida Grande', Helvetica;
    color: #999999;
    font-size: 12px;
    font-weight: bold;
}
a.lightGreyBold:visited, a.lightGreyBold:link
{
    font-family: Tahoma, 'Lucida Grande', Helvetica;
    color: #999999;
    font-size: 12px;
    font-weight: bold;
}
a.lightGreyBold:hover
{
    font-family: Tahoma, 'Lucida Grande', Helvetica;
    color: #999999;
    font-size: 12px;
    font-weight: bold;
}
.greyBold
{
    font-family: Tahoma, 'Lucida Grande', Helvetica;
    color: #666666;
    font-size: 12px;
    font-weight: bold;
}
a.greyBold:visited, a.greyBold:link
{
    font-family: Tahoma, 'Lucida Grande', Helvetica;
    color: #666666;
    font-size: 12px;
    font-weight: bold;
}
a.greyBold:hover
{
    font-family: Tahoma, 'Lucida Grande', Helvetica;
    color: #ff3399;
    font-size: 12px;
    font-weight: bold;
}
.grey
{
    font-family: Tahoma, 'Lucida Grande', Helvetica;
    color: #666666;
    font-size: 12px;
    font-weight: normal;
}
a.grey:visited, a.grey:link
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #666666;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
}
a.grey:hover
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #ff3399;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
}
.lightGrey
{
    font-family: Tahoma, 'Lucida Grande', Helvetica;
    color: #999999;
    font-size: 12px;
    font-weight: normal;
}
a.lightGrey:visited, a.lightGrey:link
{
    font-family: Tahoma, 'Lucida Grande', Helvetica;
    color: #999999;
    font-size: 12px;
    font-weight: normal;
}
a.lightGrey:hover
{
    font-family: Tahoma, 'Lucida Grande', Helvetica;
    color: #ff3399;
    font-size: 12px;
    font-weight: normal;
}

.smallLightGrey
{
    font-family: Tahoma, 'Lucida Grande', Helvetica;
    color: #999999;
    font-size: 11px;
    font-weight: normal;
}
a.smallLightGrey:visited, a.smallLightGrey:link
{
    font-family: Tahoma, 'Lucida Grande', Helvetica;
    color: #999999;
    font-size: 11px;
    font-weight: normal;
}
a.smallLightGrey:hover
{
    font-family: Tahoma, 'Lucida Grande', Helvetica;
    color: #ff3399;
    font-size: 11px;
    font-weight: normal;
}


a.lightGreyBold:visited, a.lightGreyBold:link
{
    font-family: Tahoma, 'Lucida Grande', Helvetica;
    color: #888888;
    font-size: 12px;
    font-weight: bold;
}
a.lightGreyBold:hover
{
    font-family: Tahoma, 'Lucida Grande', Helvetica;
    color: #ff3399;
    font-size: 12px;
    font-weight: bold;
}
.largeGrey
{
    font-family: Tahoma, 'Lucida Grande', Helvetica;
    color: #666666;
    font-size: 15px;
    font-weight: normal;
}
.smallLightGrey
{
    font-family: Tahoma, 'Lucida Grande', Helvetica;
    color: #999999;
    font-size: 11px;
    font-weight: normal;
}
.smallGrey
{
    font-family: Tahoma, 'Lucida Grande', Helvetica;
    color: #666666;
    font-size: 11px;
    font-weight: normal;
}
a.smallGrey:visited, a.smallGrey:link
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #666666;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}
a.smallGrey:hover
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #ff3399;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}
a.whiteArial15:visited, a.whiteArial15:link
{
    font-family: Arial, Tahoma, Lucida Grande, Helvetica;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}
a.whiteArial15:hover
{
    font-family: Arial, Tahoma, Lucida Grande, Helvetica;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    text-decoration: underline;
}
a.toolLink:visited, a.toolLink:link
{
    color: #ffffff;
    text-decoration: underline;
    font-weight: normal;
}
a.toolLink:hover
{
    color: #ff3399;
    text-decoration: underline;
}
.error
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #ff3399;
    font-size: 12px;
}
a.error:visited, a.error:link
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #ff3399;
    font-size: 12px;
    text-decoration: underline;
}
a.error:hover
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #ff3399;
    font-size: 12px;
    text-decoration: underline;
}
.errorBold
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #ff3399;
    font-size: 12px;
    font-weight: bold;
}
.success
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #36bcf3;
    font-size: 12px;
}
.successBold
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #36bcf3;
    font-size: 12px;
    font-weight: bold;
}
.cursorPointer
{
    cursor: default;
}
.cursorHand
{
    cursor: default;
}
.checkbox
{
    padding: 0px 0px 0px 0px;
    cursor: pointer;
    cursor: default;
}
.smallCheckboxHand
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    cursor: default;
}
.smallCheckbox
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 14px;
    height: 14px;
}
.hiddenTextBox
{
    background-color: #FFFFFF;
    border: none;
}
.hiddenTextBoxE2E2E2
{
    background-color: #E2E2E2;
    border: none;
}
.quickLink
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    font-size: 11px;
    color: #222222;
}
a.quickLink:visited, a.quickLink:link
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    font-size: 11px;
    color: #222222;
}
a.quickLink:hover
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    font-size: 11px;
    color: #ff3399;
}
.quickLinkWhite
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    font-size: 11px;
    color: #ffffff;
}
.black
{
    font-family: Tahoma, Lucida Grande, Helvetica;
    color: #222222;
    font-size: 12px;
    font-weight: normal;
}
h1
{
    font-family: Arial, Tahoma, Lucida Grande, Helvetica;
    color: #333333;
    font-size: 17px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    display: inline; 
}
h1.white
{
    font-family: Arial, Tahoma, Lucida Grande, Helvetica;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    display: inline; 
}
h1:visited, h1:link
{
    color: #333333;
}
.h1
{
    font-family: Arial, Tahoma, Lucida Grande, Helvetica;
    color: #333333;
    font-size: 17px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}
a.h1:link, a.h1:visited
{
    font-family: Arial, Tahoma, Lucida Grande, Helvetica;
    color: #333333;
    font-size: 17px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    color: #333333;
}
a.h1:hover
{
    color: #ff3399;
}


.h1Cyan
{
    font-family: Arial, Tahoma, Lucida Grande, Helvetica;
    color: #00a8d2;
    font-size: 17px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}
a.h1Cyan
{
    font-family: Arial, Tahoma, Lucida Grande, Helvetica;
    color: #00a8d2;
    font-size: 17px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    display: inline; 
}
a.h1Cyan:visited, a.h1Cyan:link
{
    color: #00a8d2;
}
a.h1Cyan:hover
{
    color: #ff3399;
}


h2
{
    font-family: Arial, Tahoma, Lucida Grande, Helvetica;
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}
.h2
{
    font-family: Arial, Tahoma, Lucida Grande, Helvetica;
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}
a.h2
{
    font-family: Arial, Tahoma, Lucida Grande, Helvetica;
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    display: inline; 
}
a.h2:visited, a.h2:link
{
    color: #333333;
}
a.h2:hover
{
    color: #ff3399;
}
.h2Cyan
{
    font-family: Arial, Tahoma, Lucida Grande, Helvetica;
    color: #00a8d2;
    font-size: 15px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}
a.h2Cyan:visited, a.h2Cyan:link
{
    font-size: 15px;
    color: #00a8d2;
    font-weight: bold;
    outline:0;
}
a.h2Cyan:hover
{
    font-size: 15px;
    color: #ff3399;
    font-weight: bold;
    outline:0;
}
a.h2CyanSelected:visited, a.h2CyanSelected:link
{
    font-size: 15px;
    color: #ff3399;
    font-weight: bold;
    outline:0;
}
a.h2CyanSelected:hover
{
    font-size: 15px;
    color: #ff3399;
    font-weight: bold;
    outline:0;
}

.hpEyeCandyThumb
{
    float: left;
    width: 19%;
    padding: 0;
    margin: 0;
}
.hpEyeCandyThumb img
{
    width: 100%;
    padding: 0;
    margin: 0;
}
.productsDataList td
{
    width: 20%;
}

/* Lightbox CSS Included within the one GB CSS file to save HTTP requests */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}
#lightbox a img{ border: none; }
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}
#imageContainer{
	padding: 10px;
	}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../Images/Fillers/Blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../Images/Buttons/PrevLabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../Images/Buttons/NextLabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 11px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	/*filter:alpha(opacity=60);*/
	-moz-opacity: 0.6;
	/*opacity: 0.6;*/
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
	
	
/* New sign-up form */
#signInForm
{
    width: 600px;
}
#signInForm fieldset
{
    border: 0px;
    background-color: #F2F2F2;
    padding: 5px;
}
#signInForm p
{
    padding: 2px;
    margin: 0px;
}
#signInForm label
{
    width: 90px;
    display: inline-block;
}
#signInForm .note
{
    visibility: hidden;
}
.postBody { word-wrap:break-word; }
.postBody img
{
    max-width:500px;
    overflow: hidden;
}


/* Gallery */
#gallery{
    background-color:#fff;
    padding-bottom:5px;
    color:#e1e1e1;
}
#gallery p{
    padding:7px 000;
}
.galleryview{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#photos .overlayTitle{
    color:#ff3399;
    font-weight: bold;
}
#videos .overlayTitle{
    color:#ff3399;
    font-weight: bold;
}
.panel-overlay h2{
	margin: .3em 0;
}
.panel-overlay-lhs{
    margin: .3em 0;
    line-height: 1.2em;
    float: left;
}
.panel-overlay-rhs{
    padding: 50px 000;
    float: right;
}
/* End Gallery */

a.black:link, a.black:visited
{
    color: #000;
    text-decoration: none;
    outline: 0;
}
a.black:hover, a.black:active
{
    color: #000;
    text-decoration: none;
    outline: 0;
}


.addthis_toolbox_photopage .custom_images{
    padding-top: 5px;
}
.addthis_toolbox_photopage .custom_images a{
    outline: 0;
}
.addthis_toolbox_photopage .custom_images a:hover img{
    opacity: 1;
}
.addthis_toolbox_photopage .custom_images a img{
    opacity: 0.75;
}

/* AddThis Styling in page footer */
.addthis_toolbox .custom_images{
    padding-top: 15px;
}
.addthis_toolbox .custom_images a{
    outline: 0;
}
.addthis_toolbox .custom_images a:hover img{
    opacity: 1;
}
.addthis_toolbox .custom_images a img{
    opacity: 0.50;
}

/* New user registraton and sign in forms */
div#signupForm { position: relative; font-family: Tahoma,Arial,helvetica,sans-serif; font-size: 13px; }
div#signupForm input[type=text], div#signupForm input[type=password] { border: 1px solid #C8C9C6; font-family: Tahoma,Arial,helvetica,sans-serif; font-size: 14px; height: 18px; padding: 6px 8px; width: 250px; }
div#signupForm input[type=checkbox] { font-family: Tahoma,Arial,helvetica,sans-serif; font-size: 14px; padding: 6px 8px; display:inline; }
div#signupForm label { margin-top: 13px; margin-bottom: 3px; clear: both; display: block; }
div#signupForm label.remember-me { display:inline; }
div#signupForm a { color: #00a8d2; }
        
div#lhs {display:inline;float:left;width:260px;}
div#rhs {display:inline;float:left;margin-left:50px; width:260px;}
.formHeading {background-color:#DDDDDD;height:27px;width:260px;color:#333333;font-weight:bold;font-family:Arial;font-size:15px;padding-left:8px;padding-top:8px;margin-bottom:15px;}
.switchbox { width: 32px; height: 32px; display: block; outline: none; }
.checkbox { float: left; background-image: url(http://www.GONEboarding.co.uk/Images/Register/tickoff.gif); margin-right: 10px; width: 32px; height: 32px; }
.checkboxError { background-image: url(http://www.GONEboarding.co.uk/Images/Register/tickofferror.gif); }
.checkboxWrapper { width: 250px; margin-top: 13px; }
.checkboxText { margin-bottom: 10px; padding-top: 6px; width: 275px; }
.checked { background-image: url(http://www.GONEboarding.co.uk/Images/Register/tickon.gif); }
        
div#short_slider_wrapper { width: 265px; height: 44px; background-image: url(http://www.GONEboarding.co.uk/Images/Register/shortslider.gif); }
div#span1 { width: 202px; float: left; background-color: #2e3030; height: 11px; margin-top: 6px; }
        
div#slideText { clear: both; margin-top: 40px; width: 250px; }
div#handle1 { width: 13px; height: 27px; background-image: url(http://www.GONEboarding.co.uk/Images/Register/cursor.png); background-repeat: no-repeat; margin-top: -8px; margin-left: -4px; cursor: col-resize; }
div#track1 { width: 240px; height: 20px; position: absolute; }
div#dectect_wrapper { height: 70px; padding-top: 10px; }
p#loading_msg { font-weight: bold; }
        
p.standard {font-size:11px;}
li { padding: 0px; margin: 0px 0px 0px 15px; }
        
.formError { background-color: #FFD7D7; }

.pad20 { padding-bottom:20px; }
.pad10 { padding-bottom:10px; }
.pad5 { padding-bottom:5px; }

a.btn:link, a.btn:visited { height: 25px; background-color: #DDDDDD; font-family: Arial; font-size: 15px; font-weight: bold; text-decoration: none; padding:5px 15px; color:#fff !important; border-bottom-left-radius:3px 3px; border-bottom-right-radius:3px 3px; border-top-left-radius:3px 3px; border-top-right-radius:3px 3px; }
a.btn:hover, a.btn:active { height: 25px; background-color: #07D2FA; font-family: Arial; font-size: 15px; font-weight: bold; text-decoration: none; padding:5px 15px; color:#fff !important; border-bottom-left-radius:3px 3px; border-bottom-right-radius:3px 3px; border-top-left-radius:3px 3px; border-top-right-radius:3px 3px; }
a.bbtn:link, a.bbtn:visited { display:inline-block; background-color: #07D2FA; font-family: Arial; font-size: 15px; font-weight: bold; text-decoration: none; padding: 7px; color:#fff !important; border-bottom-left-radius:3px 3px; border-bottom-right-radius:3px 3px; border-top-left-radius:3px 3px; border-top-right-radius:3px 3px; }
a.bbtn:hover, a.bbtn:active { display:inline-block; background-color: #07D2FA; font-family: Arial; font-size: 15px; font-weight: bold; text-decoration: none; padding: 7px; color:#fff !important; border-bottom-left-radius:3px 3px; border-bottom-right-radius:3px 3px; border-top-left-radius:3px 3px; border-top-right-radius:3px 3px; }

img.floatLeft { float:left; margin:0px 10px 10px 0px; }
img.floatRight { float:right; margin:0px 0px 10px 10px; }

.keyword-hit { background-color: #ff6; }
.suppressed { opacity:0.3; filter:alpha(opacity=30); }
img { border:0; }

input[type=submit] { font-weight:bold; border:0; font-size:15px; background-color:#DDDDDD; color:#fff !important; padding:5px 15px; cursor:hand; cursor:pointer; border-bottom-left-radius:3px 3px; border-bottom-right-radius:3px 3px; border-top-left-radius:3px 3px; border-top-right-radius:3px 3px; }
input[type=submit]:hover { background-color:#07D2FA; }
img.avatar-thumb { margin:5px 0; height:50px; width:50px; }
img.avatar { margin:5px 0; height:50px; width:50px; -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); }

.video-hp-crop { overflow:hidden; width:120px; height:90px; }
