﻿/*###################
##### CSS RESET #####
###################*/

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/*####################
##### HTML, BODY #####
#####################*/ 

*
{
    margin                  : 0px 0px 0px 0px;
    padding                 : 0px 0px 0px 0px;
    text-align              : left;
}
html,body 
{
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 14px;
	color					: #333333;
	background				: #E9E9E9 url('../images/bkgrnd.gif') top repeat-y;
	height                  : 100%;
}




/*###############
##### FONTS #####
###############*/
 
p
{
    padding                 : 5px 0px 5px 0px;
    line-height             : 1.4em;
}

h1
{
    padding                 : 5px 0px 10px 0px;
    font-size               : 22px;
    line-height             : 1.0em;
    color                   : #333333;
    font-weight             : normal;
}	
h2
{
    padding                 : 10px 0px 5px 0px;
    font-size               : 18px;
    line-height             : 1.2em;
    color                   : #333333;
    font-weight             : bold;
}	
h3
{
    padding                 : 10px 0px 5px 0px;
    font-size               : 17px;
    line-height             : 1.0em;
    color                   : #666;
    font-weight             : normal;
}
#content a
{
    color                   : #53925C;
    text-decoration         : none;
    font-weight             : bold; 
}
#content a:hover
{
    text-decoration         : underline;
}	
#content ul
{
    margin                  : 0px 0px 10px 5px;
    padding                 : 0px 0px 0px 5px;
}
#content ul li, #content ul ul li
{
    padding                 : 5px 0px 5px 10px;
    line-height             : 1.4em;
    background				: none; 
    font-size               : 14px;
    background				: url('../images/bullet.gif') top left no-repeat;
}
#content ul ul li
{
    background				: url('../images/bullet1.gif') top left no-repeat;
}




/*###################
##### CONTAINER #####
###################*/
 
#container 
{
	margin                  : 0px auto 0px auto;
	padding                 : 0px 0px 0px 0px;
	width                   : 100%;		
	min-height              : 100%;
    position                : relative;
    background				: url('../images/bkgrnd-header.gif') top no-repeat;	
    	
}
#containerInner 
{
	margin                  : 0px auto 0px auto;
	padding                 : 0px 0px 0px 0px;
	width                   : 940px;	
	height                  : auto;
}





/*################
##### HEADER #####
################*/ 

#header 
{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	width                   : 100%;
}
#headerInner 
{
	margin 					: 0px auto 0px auto;
	padding					: 0px 0px 0px 0px;
	width                   : 960px;
	height                  : 132px;
}
.headerLogo
{
	margin 					: 5px 0px 0px 190px;
	padding					: 0px 0px 0px 0px;
	width                   : 580px;
	height                  : 55px;
	border                  : none;
}





/*##################
#### NAVIGATION ####
##################*/ 

/* MAIN NAV */
#navMain ul
{
	margin 					: 22px 0px 0px 10px;
	padding					: 5px 0px 0px 5px;
	clear                   : both;
	width                   : 935px;
	height					: 30px;
	list-style 				: none;
	position                : relative;
	background				: url('../images/bkgrnd-nav-main.gif') top left no-repeat;	
}
#navMain ul li
{
	display 				: inline;
}
#navMain ul li a
{
	margin					: 0px 4px 0px 0px;
	padding					: 3px 16px 0px 16px;
	position                : relative;
	display 				: block;
	float                   : left;
	color					: #999;
	text-decoration 		: none;
	line-height             : 1.2em;
	font-size 				: 15px;
	height 					: 22px;
	text-align              : center;
	z-index                 : 999;	 
	font-family             : Arial, Helvetica, sans-serif;
}
#navMain li a:hover, #navMain li a.selected
{
	text-decoration 		: none;
	color					: #CCC;  
}
#navMain li a.selected
{
	background				: url('../images/btn-nav-main.gif') bottom left repeat-x;
    color					: #FFF;  
    border-radius           : 8px;
	border-radius           : 8px;
    -moz-border-radius      : 8px;
	-moz-border-radius      : 8px;
    -webkit-border-radius   : 8px; 
    -webkit-border-radius   : 8px;  
}



/* LEFT MENU */
#leftNav
{
	width					: 160px;
	height				    : auto;
	display					: block;
	margin					: 5px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}
#leftNav ul
{
	list-style				: none !important;
	margin					: 0px;
	padding					: 0px;
}
#leftNav ul li, #leftNav ul ul li
{
	margin					: 0px 0px 1px 0px;
	padding 				: 0px 0px 0px 0px;
	background-image        : none;
}
#leftNav ul li a
{
	display 				: block;
	width					: 130px;
	height                  : 23px;
	margin					: 0px 0px 1px 0px;
	padding 				: 7px 0px 0px 30px;
	color					: #FFF;
	position                : relative;  
	background-color		: #508D58;
	font-size 				: 14px;
	font-weight				: normal;
	text-align				: left;
	text-decoration 		: none;
	border-radius           : 8px;
    -moz-border-radius      : 8px;
    -webkit-border-radius   : 8px; 
}
#leftNav ul li a img
{
	position                : absolute;
	top                     : 0;
	left                    : 0; 
	margin					: 8px 0px 0px 0px;
	padding 				: 0px 0px 0px 8px; 	
}
#leftNav ul li a:hover, #leftNav ul li a.selected
{
	color					: #FFF;
	background-color		: #67A970;
	text-decoration         : none;
}
#leftNav ul ul li a
{
	background-color		: #333;
	color					: #CCC;
	font-size				: 11px;
	margin					: 0px 0px 1px 0px;
	padding 				: 5px 0px 0px 10px;
	height                  : 20px;
	width					: 150px;
}
#leftNav ul ul li a:hover, #leftNav ul ul li a.selected
{
	background-color		: #535353;
	color					: #FFF;
}

	
.hidden{
	display					: none;
}





/*#################
##### CONTENT #####
#################*/

#content
{
	margin                  : 0px 0px 0px 0px;
	padding                 : 0px 0px 0px 0px;
	width                   : 100%;
    padding-bottom          : 85px;   /* Height of the footer */  
}
#contentInner
{
	margin                  : 0px auto 0px auto;
	padding                 : 10px 10px 0px 10px;
	width                   : 938px;
	min-height              : 300px;
}
#contentLeft
{
	margin                  : 0px 13px 0px 0px;
	padding                 : 0px 0px 0px 0px;
	width                   : 176px;	
	height                  : auto;
	float                   : left;
}
#contentRight
{
	margin                  : 0px 0px 0px 0px;
	padding                 : 0px 0px 0px 0px;
	width                   : 749px;	
	height                  : auto;
	float                   : left;
}



/*#########################
##### CONTENT HOLDERS #####
#########################*/ 

/* DEFAULT HOLDERS */
.contentHolder, .contentHolderMini
{
	margin                  : 0px 0px 15px 0px;
	padding                 : 8px 8px 0px 8px;
	display                 : block;
	position                : relative;
	width                   : 732px;
	min-height              : 270px;
	float                   : left;
	background				: url('../images/bkgrnd-wrapper.gif') top left no-repeat;
}
.contentHolderMini
{
	margin                  : 0px 0px 10px 0px;
	width                   : 160px;
	min-height              : 100px;
	background				: url('../images/bkgrnd-wrapper-short.gif') top left no-repeat;
}
.contentHolderCorner
{
	margin                  : 0px 0px 0px 0px;
	padding                 : 0px 0px 0px 0px;
	display                 : block;
	position                : absolute;
	width                   : 8px;
	height                  : 8px;
	top                     : 0;
	right                   : 0;
	background				: url('../images/bkgrnd-wrapper-inner.gif') top right no-repeat;
}



/* TITLE HOLDER  */
.pageTitle
{
	margin                  : 0px 0px 5px 0px;
	padding                 : 0px 0px 0px 0px;
	display                 : block;
	height                  : 35px;
	background				: url('../images/title.gif') top left no-repeat;
	position                : relative;
}
.pageTitle h1
{
	color                   : #FFF;
	font-size               : 20px;
	font-weight             : bold;
	margin                  : 0px 0px 0px 0px;
	padding                 : 8px 0px 0px 10px;
	text-shadow             : 0px 1px 3px rgba(0,0,0,0.6);
	position                : relative;
}
.pageTitle span
{
    -moz-opacity            : .40; 
    filter                  : alpha(opacity=40); 
    opacity                 : .40; 
}


.pageTitleEnd
{
	margin                  : 0px 0px 0px 0px;
	padding                 : 0px 0px 0px 0px;
	position                : absolute;
	top                     : 0;
	right                   : 0;
	width                   : 8px;
	height                  : 35px;
	background				: url('../images/title-end.gif') top left no-repeat;
}


/* TITLES */
.titleContact, .titleHeadOffice, .titleProducts, .titleJoinUs, .titleTAGRugby, .titleCompetiton, .titleRetailer, 
.titleBrochures, .titleNews, .titleTeamwear, .titleDownloads, .titlePlayers, .titleTeams, .titleVideo, .titleHistory,
.titleLinks, .titleTerms, .titleSiteMap, .titleSizeGuide, .titleReturns, .titleDistributors, .titleRetailers, 
.titleKitDesigner, .titleBlog
{
	margin                  : 0px 0px 0px 0px;
	padding                 : 0px 0px 0px 0px;
	position                : absolute;
	top                     : 0;
	left                    : 0;
	width                   : 100%;
	height                  : 35px;
}
.titleContact h1, .titleHeadOffice h1, .titleProducts h1, .titleJoinUs h1, .titleTAGRugby h1, .titleCompetiton h1, 
.titleRetailer h1, .titleBrochures h1, .titleNews h1, .titleTeamwear h1, .titleDownloads h1,  .titlePlayers h1, 
.titleTeams h1, .titleVideo h1, .titleHistory h1, .titleLinks h1, .titleTerms h1, .titleSiteMap h1, 
.titleSizeGuide h1, .titleReturns h1, .titleDistributors h1, .titleRetailers h1, .titleKitDesigner h1,
.titleBlog h1
{
	position                : absolute;
	top                     : 0;
	left                    : 0;
	margin                  : 0px 0px 0px -5000px;
}
.titleContact
{
	background				: url('../images/title-contact.gif') top left no-repeat;
}
.titleHeadOffice
{
	background				: url('../images/title-headOffice.gif') top left no-repeat;
}
.titleProducts
{
	background				: url('../images/title-products.gif') top left no-repeat;
}
.titleJoinUs
{
	background				: url('../images/title-joinUs.gif') top left no-repeat;
}
.titleTAGRugby
{
	background				: url('../images/title-tag.gif') top left no-repeat;
}
.titleCompetiton
{
	background				: url('../images/title-competition.gif') top left no-repeat;
}
.titleRetailer
{
	background				: url('../images/title-retailer.gif') top left no-repeat;
}
.titleBrochures
{
	background				: url('../images/title-brochures.gif') top left no-repeat;
}
.titleNews
{
	background				: url('../images/title-news.gif') top left no-repeat;
}
.titleTeamwear
{
	background				: url('../images/title-teamwear.gif') top left no-repeat;
}
.titleDownloads
{
	background				: url('../images/title-downloads.gif') top left no-repeat;
}
.titlePlayers
{
	background				: url('../images/title-players.gif') top left no-repeat;
}
.titleTeams
{
	background				: url('../images/title-teams.gif') top left no-repeat;
}
.titleVideo
{
	background				: url('../images/title-video.gif') top left no-repeat;
}
.titleHistory
{
	background				: url('../images/title-history.gif') top left no-repeat;
}
.titleLinks
{
	background				: url('../images/title-links.gif') top left no-repeat;
}
.titleTerms
{
	background				: url('../images/title-terms.gif') top left no-repeat;
}
.titleSiteMap
{
	background				: url('../images/title-siteMap.gif') top left no-repeat;
}
.titleSizeGuide
{
	background				: url('../images/title-sizeGuide.gif') top left no-repeat;
}
.titleReturns
{
	background				: url('../images/title-returns.gif') top left no-repeat;
}
.titleDistributors
{
	background				: url('../images/title-distributors.gif') top left no-repeat;
}
.titleRetailers
{
	background				: url('../images/title-retailers.gif') top left no-repeat;
}
.titleKitDesigner
{
	background				: url('../images/title-kitdesigner.gif') top left no-repeat;
}
.titleBlog
{
	background				: url('../images/title-blog.gif') top left no-repeat;
}




/* TEASER CONTENT LAYOUT */
.contentHolder.tagsales h2, .contentHolder.competition h2, .contentHolder.retailer h2
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 5px 0px;
}
.contentHolder.tagsales p, .contentHolder.competition p, .contentHolder.retailer p
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 5px 0px;
	line-height             : 1.2em;
	font-size               : 11px;
}
.contentHolder.competition .checkField p
{
	margin					: 0px 0px 0px 10px;
	padding					: 0px 0px 0px 0px;
	line-height             : 1.0em;
	font-size               : 10px;
	float                   : right;
}
.contentHolder.contactUs p, .contentHolder.headOffice p, .contentHolder.brochures p
{
	margin					: 0px 0px 0px 0px;
	padding					: 5px 0px 5px 0px;
	font-size               : 14px;
	line-height             : 1.3em;
}




/*################
##### FOOTER #####
################*/ 

#footer 
{
	margin		 			: 0px 0px 0px 0px;
	padding		 			: 0px 0px 0px 0px;
	background				: url('../images/bkgrnd-footer.gif') top left repeat-x;
	position                : absolute;
    bottom                  : 0;
    width                   : 100%;
    height                  : 85px;   /* Height of the footer */

}
#footerInner 
{
	margin		 			: 0px auto 0px auto;
	padding		 			: 12px 20px 0px 20px;
	width                   : 920px;
	height                  : 73px;
	background				: url('../images/bkgrnd-footer-inner.gif') top left no-repeat;
	font-size               : 11px !important;
	color                   : #333 !important;
	position                : relative;
}
#footerLinks, #footerCopyright
{
	margin		 			: 0px 0px 0px 0px;
	padding		 			: 0px 0px 0px 0px;
	float                   : right;
	color                   : #333;
}
#footerCopyright
{
	float                   : left;
}

#footerLinks a
{
	padding		 			: 0px 8px 0px 6px;
	border-right            : 1px solid #666;
	color                   : #333 !important;
	text-decoration         : none;
}
#footerCopyright a
{
	color                   : #333 !important;
	text-decoration         : none;
}
#footerLinks a:hover, #footerCopyright a:hover
{
	color                   : #333 !important;
	text-decoration         : underline;
}
.footerLogo
{
    margin		 			: 0px 0px 0px 330px;
	padding		 			: 0px 0px 0px 0px;
	position                : absolute;
	left                    : 0;
	bottom                  : 0;
}




/*###############
##### MISC. #####
###############*/ 



/* IMAGES */
.imgLeft
{
    margin                  : 10px 20px 10px 0px;
    padding                 : 0px 0px 0px 0px;
    float                   : left;
    border                  : 1px solid #999;
}
.imgRight
{
    margin                  : 10px 0px 10px 20px;
    padding                 : 0px 0px 0px 0px;
    float                   : right;
    border                  : 1px solid #999;
}


/* TEAMWEAR IMAGES */
.imageHolderTeamwear
{
    margin		 			: 20px 0px 0px 30px;
    width                   : 250px;
    height                  : auto;
	float                   : right;
}
.imageHolderTeamwear img
{
    margin		 			: 0px 0px 0px 0px;
	padding		 			: 0px 0px 5px 0px;
}



/* JOIN US LOGOS */
.facebook, .youtube, .worldcup
{
    margin                  : 15px 0px 0px 5px;
    padding                 : 0px 0px 0px 0px; 
}
.youtube
{
    margin                  : 15px 0px 0px 20px;
}
.worldcup
{
    margin                  : 5px 0px 0px 2px;
}


/* TABLES */
table
{
	margin					: 10px 0px 10px 0px;
	padding					: 0px 0px 0px 0px;
	font-size				: 110%;
	width                   : 100%;
}
table td
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;	
	vertical-align			: top;
	height                  : 30px;
}

table.sizeguide
{
	margin					: 10px 0px 10px 0px;
	padding					: 0px 0px 0px 0px;
	font-size				: 110%;
	width                   : 100%;
	border                  : 1px solid #AAA;
	border-bottom           : none;
	border-right            : none;
}
table.sizeguide td
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 5px 0px 5px;	
	height                  : 30px;
	text-align              : center;
	vertical-align			: middle;
	border-bottom           : 1px solid #999;
	border-right            : 1px solid #999;
}
table.sizeguide td.header
{
	font-weight             : normal;
	padding					: 0px 5px 0px 5px;
	height                  : 40px;
	background-color        : #CCC;
	font-size               : 18px;
	text-align              : left;
	
}
table.sizeguide td.top, table.sizeguide td.left
{
	font-weight             : bold;
	height                  : 30px;
	background-color        : #DEDEDE;
}
table.sizeguide td.left
{
	text-align              : left;
}





/* FORMS */
.formHolder
{
	border                  : 1px solid #999;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	height                  : auto;
	background				: url('../images/tableBkgrnd.gif') top left repeat-x;
	width					: 340px;
}
.formHolder h2
{
	border-bottom           : 1px solid #999;
	margin					: 0px 0px 0px 0px;
	padding					: 5px 10px 5px 10px;
	height                  : auto;
	background-color        : #CCC;
}



/* FORM FIELDS: STRAIGHT */
.textField, .textArea, .ddField
{
	margin					: 5px 0px 0px 0px;
	padding					: 2px 3px 2px 3px;
	width                   : 320px;
	height					: 16px;
	font-size				: 12px;
	color                   : #555;
	float                   : right;
	border                  : 1px solid #999;
	font-family				: Verdana, Arial, Helvetica, sans-serif;
}
.textArea
{
	height					: 100px;
}
.ddField
{
	margin					: 5px 0px 0px 0px;
	padding					: 2px 3px 2px 3px;
	width                   : 328px;
	height					: 23px;
	font-size				: 12px;
}
.checkField
{
	margin					: 6px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	float                   : right;
}



/* FORM FIELDS: CURVED */
.formField, .formFieldHome
{
    margin					: 3px 0px 0px 0px;
	padding					: 3px 0px 0px 5px;
	height                  : 19px;
	position                : relative;
	background				: url('../images/form-field.gif') top left no-repeat;
}
.formFieldHome
{
    margin					: 5px 0px 0px 0px;
}
.formFieldEnd
{
    margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	height                  : 22px;
	width                   : 5px;
	position                : absolute;
	top                     : 0;
	right                   : 0;
	background				: url('../images/form-field-end.gif') top left no-repeat;
}
.textFieldHome, .ddFieldHome, .ddFieldProduct
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	width					: 98%;
	height					: 16px;
	font-size				: 11px;
	color                   : #555;
	border                  : none;
	background              : transparent;
	font-family				: Verdana, Arial, Helvetica, sans-serif;
}
.textFieldHome
{
	width					: 210px;
}
.ddFieldHome, .ddFieldProduct
{
    width					: 215px;
    margin					: 0px 0px 0px 0px;
}
.ddFieldHome
{
    width					: 215px;
}
.ddFieldProduct
{
    width					: 140px;
}
.mandatory
{
	font-size               : 12px;
	color                   : #666
}




/* BUTTON HOLDER  */
.btnHolder
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	float                   : left;
}

/* BUTTONS: DISTRIBUTOR    */
.btnHolder.btnDistributor a
{
	margin					: 0px 0px 10px 0px;
	width                   : 120px;
	height					: 25px;	
	cursor					: pointer;
	display 				: block;
	background				: url('../images/buttons/btn-distributor.jpg') top left no-repeat;
}
.btnHolder.btnDistributor a:hover
{
	background				: url('../images/buttons/btn-distributor.jpg') bottom left no-repeat;
}


/* BUTTONS: BUY, BACK  */
.btnHolder.btnBuy a, .btnHolder.btnReturnRange a
{
	margin					: 0px 8px 20px 0px;
	width                   : 120px;
	height					: 25px;	
	cursor					: pointer;
	display 				: block;
}
.btnHolder.btnBuy a
{
	background				: url('../images/buttons/btn-buynow.jpg') top left no-repeat;
}
.btnHolder.btnReturnRange a
{
	background				: url('../images/buttons/btn-returnrange.jpg') top left no-repeat;
}
.btnHolder.btnBuy a:hover
{
	background				: url('../images/buttons/btn-buynow.jpg') bottom left no-repeat;
}
.btnHolder.btnReturnRange a:hover
{
	background				: url('../images/buttons/btn-returnrange.jpg') bottom left no-repeat;
}


/* BUTTON: READ MORE */
.btnHolder.btnReadmore a
{
	position                : absolute;
	bottom                  : 0;
	left                    : 0;
	margin					: 0px 0px 10px 10px;
	width                   : 120px;
	height					: 25px;	
	cursor					: pointer;
	display 				: block;
	background				: url('../images/buttons/btn-readmore.jpg') top left no-repeat;
}
.btnHolder.btnReadmore a:hover
{
	background				: url('../images/buttons/btn-readmore.jpg') bottom left no-repeat;
}



/* BUTTONS: VISIT, SEARCH  */
.btnHolder.btnVisit a, .btnHolder.btnSearch a
{
    position                : absolute;
	bottom                  : 0;
	right                   : 0;
	margin					: 20px 8px 0px 0px;
	float                   : none;
	width                   : 65px;
	height					: 25px;	
	cursor					: pointer;
	background				: url('../images/buttons/btn-visit.gif') top left no-repeat;
}
.btnHolder.btnSearch a
{
	background				: url('../images/buttons/btn-search.gif') top left no-repeat;
}
.btnHolder.btnVisit a:hover
{
	background				: url('../images/buttons/btn-visit.gif') bottom left no-repeat;
}
.btnHolder.btnSearch a:hover
{
	background				: url('../images/buttons/btn-search.gif') bottom left no-repeat;
}



/* BUTTONS: SUBMIT FORM (contact form) */
.btnSubmitForm
{
	margin					: 0px 0px 0px 0px;
	width                   : 120px;
	height					: 25px;	
	border                  : none;
	display 				: block;
	float                   : right;
	background				: url('../images/buttons/btn-submitForm.jpg') top left no-repeat;
}

.btnSubmitForm:hover
{
	background				: url('../images/buttons/btn-submitForm.jpg') bottom left no-repeat;
	cursor					: pointer;
}


/* BUTTONS: KIT DESIGNER, BLOG */
.btnKitDesigner
{
	margin					: 0px 0px 0px 22px;
	width                   : 114px;
	height					: 43px;	
	border                  : none;
	display 				: block;
	background				: url('../images/buttons/btn-kitdesigner.png') top center no-repeat;
}
.btnKitDesigner:hover
{
	background				: url('../images/buttons/btn-kitdesigner.png') bottom center no-repeat;
	cursor					: pointer;
}

.btnBlog
{
	margin					: 0px 0px 0px 22px;
	width                   : 114px;
	height					: 43px;	
	border                  : none;
	display 				: block;
	background				: url('../images/buttons/blog.png') top center no-repeat;
}
.btnBlog:hover
{
	background				: url('../images/buttons/blog.png') bottom center no-repeat;
	cursor					: pointer;
}


.TextKitDesigner,
.TextBlog
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 2px 0px;
	text-align              : center;
	font-size               : 11px;
}



/* BUTTONS: SUBMIT FORM (competition), SEARCH (retailer) */
.btnSubmit, .btnSearch
{
    position                : absolute;
	bottom                  : 0;
	right                   : 0;
	margin					: 20px 8px 0px 0px;
	border                  : none;
	width                   : 65px;
	height					: 25px;		
	background				: url('../images/buttons/btn-submit.gif') top left no-repeat;
}
.btnSearch
{	
	background				: url('../images/buttons/btn-search.gif') top left no-repeat;
}
.btnSubmit:hover
{
	background				: url('../images/buttons/btn-submit.gif') bottom left no-repeat;
	cursor					: pointer;
}
.btnSearch:hover
{
	background				: url('../images/buttons/btn-search.gif') bottom left no-repeat;
	cursor					: pointer;
}



/* BUTTONS: SEARCH DISTRIBUTORS/RETAILERS  */
.btnSearchDistributors, .btnSearchRetailers
{
	margin					: 3px 0px 0px 0px;
	width                   : 65px;
	height					: 25px;	
	border                  : none;
	display 				: block;
	float                   : left;
	background				: url('../images/buttons/btn-search.gif') top left no-repeat;
}

.btnSearchDistributors:hover, .btnSearchRetailers:hover
{
	background				: url('../images/buttons/btn-search.gif') bottom left no-repeat;
	cursor					: pointer;
}


/* HIDE BUTTON TEXT */
.btnBuy span, .btnBack2Range span, .btnVisit span, .btnSubmit span, .btnSearch span, 
.btnBuy span, .btnReturnRange span, .btnHolder.btnReadmore span, .btnDistributor span,
.btnSubmitForm span, .btnSearchDistributors span, .btnSearchRetailers span
{
	display                 : none
}



/*#########################
##### FORM VALIDATION #####
##########################*/ 

#validation ul, #validationSml ul
{ 
	margin                  : 5px 0px 5px 0px;
	padding                 : 5px 5px 0px 5px;
	list-style              : none;
	border                  : 1px dotted #D10000;
	background-color        : #FFF;
}

#validation ul li, #validationSml ul li
{ 
	margin                  : 0px 0px 0px 5px;
	padding                 : 0px 0px 5px 16px;
	color                   : #D10000;
	font-size               : 13px;
	line-height             : 1.3em;
	background				: url('../images/warning.gif') top left no-repeat;
}
#validationSml ul li
{ 
	font-size               : 11px;
	line-height             : 1.4em;
}
