/***********************************************************
 * Extreme Kayaks & Water Sports Formatting data
 * 10th June 2010
 * (c)Bout Time Software
 ***********************************************************/

* :focus { outline: 0; }

BODY {
	BACKGROUND-COLOR: #000000;
	BACKGROUND	: url(layout/background.jpg) fixed repeat;
	MARGIN		: 0px;
	font-size	: 12px;
	FONT-FAMILY	: Tahoma, "Trebuchet MS", Arial; 
	color		: #000000;
	text-align	: center;
}

table {
	font-size	: 12px;
	FONT-FAMILY	: "Trebuchet MS", Arial; 
	color		: #000000;
}

.markbg {
	BACKGROUND-COLOR: #ffffff;
	BACKGROUND	: url(layout/background-markbg.jpg) repeat-y top center;
}

.MainPage {
	WIDTH		: 995px;
	height		: auto;
	text-align	: center;
}

.PageContent {
	padding		: 0px 5px 0px 5px;
	height		: auto;
	text-align	: center;
}

.header {
	BACKGROUND-IMAGE: url(layout/header.png);
	background-repeat: no-repeat;
	WIDTH		: 995px;
	HEIGHT		: 326px;
	font-size	: 12px;
	font-family	: "Trebuchet MS",Tahoma;
	color		: white;
	padding		: 0px;
	margin		: 0px;
}

#hboxa {
	float		: right;
	color		: white;
        height		: 95px;
	width		: 256px;
	margin		: 25px 16px 0px 20px;
}

#hboxb {
	float		: right;
	color		: black;
        height		: 120px;
	width		: 394px;
	margin		: 13px 21px 0px 0px;
}


#nav-menubg
{
	PADDING		: 0px 0px 0px 0px;
	height		: 30px;
	border		: 0px solid blue;
}

#nav-menu
{
	clear		: both;
	padding		: 12px 0px 0px 25px;
} 

#nav-menu ul
{
	list-style	: none;
	padding		: 0;
	margin		: 0;
}

#nav-menu li
{
}

#nav-menu li a
{
	line-height	: 2.5em;
	width		: 105px;
	height		: 30px;
	display		: block;
	color		: black;
	text-decoration	: none;
	text-align	: center;
	padding-bottom	: 0px;
	margin-right	: 0px;
	FONT-FAMILY	: "Trebuchet MS", Tahoma, Arial, sans-serif; 
	font-size	: 12px;
}

#nav-menu li a:hover
{
	background	: url(layout/menu-1.jpg) no-repeat;
	padding-top	: 0px;
	font-size	: 12px;
	height		: 30px;
	color		: white;
}

#nav-selected li a
{
	background	: url(layout/menu-2.jpg) no-repeat;
	padding-top	: 0px;
	font-size	: 12px;
	height		: 30px;
	color		: white;
}

.hdrsearch {
	padding		: 25px 25px 0px 0px;
	float		: right;
	text-align	: right;
}

.navline {							/* to display current position */
	margin		: 20px 0px 0px 25px;
	padding		: 2px;
	float		: left;
	text-align	: left;
	height		: 20px;
	width		: 650px;
	color		: #000055;
}

.pageheader {
	clear		: both;
	color		: #0000aa;
	padding		: 5px 0px 0px 0px;
	text-align	: center;
	font-size	: 22px;
	font-family	: Arial, Tahoma, "Trebuchet MS", Arial;
}

.slideshow {
	width		: 394px;
	height		: 20px;
	font-size	: 12px;
	font-family	: tahoma;
	text-align	: center;
	line-height	: 20px;
}

.boxfeatures {								/* to display key features in product display */
	float		: right;
	padding		: 0px 10px 10px 20px;
	width		: 300px;
	text-align	: left;
}

.boxbg {								/* background for features box */
	background-color: #eeeeee;
}


.boxd {									/* standard box for use with square border and flat bg details in portfolio also idea for float right modules.*/
	PADDING		: 5px 5px 5px 5px;
	margin		: 0px;
	border		: 1px solid #aaaaaa;
	background-color: #eeeeee;
	width		: 250px;
}

.boxdhdr {								/* header for boxd */
	PADDING		: 5px;
	margin		: 0px;
	border		: 1px solid #aaaaaa;
	background-color: #aadddd;
	color		: #4444ff;
	FONT-SIZE	: 14px;
	font-family	: Tahoma, Arial;
	text-align	: center;
	width		: 250px;
}


.boxheading {								/* for picture description, shopping cart headings */
	border		: 1px solid #4444ff;
	padding		: 3px;
	background-color: #aadddd;
	color		: #222299;
	FONT-SIZE	: 12px;
	font-family	: "Trebuchet MS",Tahoma, Arial;
	text-align	: center;
	font-style	: italic;
}

.boxcontent {								/* information displayed below box headings */
	border		: 1px dotted #4444ff;
	padding		: 5px 10px 5px 10px;
}

.headings {								/* standard headings for html */
	FONT-FAMILY	: Arial;
	COLOR		: #000000;
        TEXT-ALIGN	: center;
	FONT-SIZE	: 18px;
}

.wordsred {
	FONT-FAMILY	: Arial;
	color		: #FF0000;
}

.cartbox {								/* for floating shopping cart box */
	float		: right;
	padding		: 0px 20px 0px 20px;
}

.thumbnote {								/* used to display the click on thumbnail notices */
	font-size	: 10px;
	color		: #555555;
	border		: 1px solid #888888;
	padding		: 5px;
	background-color:#eeeeee;
}
									/* for price in shopping cart */
.shopcart {
	font-size	: 14px;
	color		: #000088;
}


.indenttext {
	padding		: 10px 0px 10px 40px;
	font-family	: arial;
	font-size	: 12px;
}

/* to display version */
.ver {
	FONT-FAMILY	: Tahoma, Arial, sans-serif;
        COLOR		: #666666;
	FONT-SIZE	: 10px;
}


.pagebase {
	BACKGROUND-IMAGE: url(layout/pagebase.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	HEIGHT		: 65px;
	text-align	: center;
	font-size	: 10px;
	font-family	: "Trebuchet MS",Tahoma;
	color		: black;
	padding		: 0px;
	margin		: 0px;
}

#clb	{ clear:both;}
.cb	{ clear:both;}
.al	{ text-align:left;}
.ar	{ text-align:right;}
.ac	{ text-align:center;}
.fl	{ float:left;}
.fr	{ float:right;}
.f14	{ font-size:14px;}
.wred   { color:#ff0000;}
.boxed	{ background-color:#AAFFFF;padding:4px;border:1px dotted #0055FF;}

.t  {background: url('layout/box-t.gif') 0 0 repeat-x}
.b  {background: url('layout/box-b.gif') 100% 100% repeat-x}
.l  {background: url('layout/box-l.gif') 0 0 repeat-y}
.r  {background: url('layout/box-r.gif') 100% 0 repeat-y}
.bl {background: url('layout/box-bl.gif') 0 100% no-repeat}
.br {background: url('layout/box-br.gif') 100% 100% no-repeat}
.tl {background: url('layout/box-tl.gif') 0 0 no-repeat}
.tr {background: url('layout/box-tr.gif') 100% 0 no-repeat; padding:10px}

A:link 		{ COLOR: #005599;TEXT-DECORATION: none; BACKGROUND-COLOR: transparent;}
A:visited 	{ COLOR: #000055;TEXT-DECORATION: none; BACKGROUND-COLOR: transparent;}
A:hover 	{ COLOR: #FF0000;TEXT-DECORATION: none; BACKGROUND-COLOR: #bbffff;}

A.clsm:link	{ COLOR: #000000; FONT-SIZE: 10px; TEXT-DECORATION: none; BACKGROUND-COLOR: transparent; }
A.clsm:visited	{ COLOR: #000000; FONT-SIZE: 10px; TEXT-DECORATION: none; BACKGROUND-COLOR: transparent; }
A.clsm:hover	{ COLOR: #FF0000; FONT-SIZE: 10px; TEXT-DECORATION: none; BACKGROUND-COLOR: transparent; }

/* below is for drop shaddow for pictures */
.wrap1 {DISPLAY: block}
.wrapbig {DISPLAY: block}
.wrap2 {DISPLAY: block}
.wrap3 {DISPLAY: block}

.wrap1 		{ background:url(images/shadow.gif) right bottom no-repeat;}
.wrapbig 	{ background:url(images/shadow1.gif) right bottom no-repeat;}
.wrap2 		{ background:url(images/corner_bl.gif) -12px 100% no-repeat;}
.wrap3 		{ padding:0 10px 9px 0;background:url(images/corner_tr.gif) 100% -12px no-repeat;}

/*---------------------------------------------*/
/*Second hidden menu */


#hdmenu {
	visibility	: hidden;
	position	: absolute;
	margin		: 0;
	padding		: 0;
	border		: 0px solid #000;
	z-index		: 1;
}

#submenu {
	z-index		: 2;
	visibility	: hidden;
	position	: absolute;
	margin		: -22px 0px 0px 175px;
	padding		: 0;
	border		: 0px solid #000;
}

.hiddenmenu {
	width		: 180px;
	border		: 1px solid #555;
	background-color: #EAEBD8;
	padding		: 0px 2px 0px 2px;
}


#hdmenu a	{
	position	: relative; 
	display		: block; 
	margin		: 0;
	padding		: 3px 3px 3px 3px;
	width		: 173px;
	white-space	: nowrap;
	text-align	: left;
	text-decoration	: none;
	background	: #EAEBD8;
	border		: 1px solid #EAEBD8;
/*	color		: #2875DE; */
	color		: #000;
	font		: 11px arial;
}

#hdmenu a:hover {
	background	: #49A3FF;
	border		: 1px solid #555;
	color		: #FFF;
}