/* defaults */

a
{
	color: #33f;
}

a:hover
{
	color: #f33;
}

b,
strong
{
	font-weight: bold;
}

big,
.big /* .big works better on block elements because it also adjusts the line-height. */
{
	font-size: 1.1666em;
}

blockquote,
fieldset,
p,
pre
{
	margin: 0 0 1em 0;
}

body,
.normal
{
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

body.large-fonts,
body.large-fonts .normal
{
	font-size: 15px;
}

body,
button,
input,
optgroup,
option,
select,
textarea
{
	font-family: 'trebuchet ms';
}

body,
form
{
	margin: 0;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
textarea,
.big,
.normal,
.small
{
	line-height: 1.5em;
}

button,
input,
optgroup,
option,
select,
textarea
{
	font-size: 1em;
}

dd,
fieldset,
legend,
ol,
td,
th,
ul
{
	padding: 0;
}

dfn,
em,
i
{
	font-style: italic;
}

dl,
ol,
ul
{
	margin: 0 2.5em 1em 2.5em;
}

h1, h2, h3, h4, h5, h6
{
	line-height: 1em;
	margin: 1.5em 0 0.5em 0;
}

h1
{
	font-size: 2.1666em;
}

h2
{
	font-size: 1.8333em;
}

h3
{
	font-size: 1.5em;
}

h4
{
	font-size: 1.1666em;
}

h5
{
	font-size: 1em;
}

h6
{
	font-size: 0.8333em;
}

ol
{
	list-style-type: decimal;
}

img
{
	border: 0;
	display: block;
}

ol ol
{
	list-style-type: lower-alpha;
}

ol ol ol
{
	list-style-type: lower-roman;
}

q:after,
q:before
{
	content: '';
}

small,
.small /* .small works better on block elements because it also adjusts the line-height. */
{
	font-size: 0.8333em;
}

sub
{
	font-size: 0.8333em;
	vertical-align: -0.333em;
}

sup
{
	font-size: 0.8333em;
	vertical-align: 0.333em;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

th
{
	text-align: left;
}

ul
{
	list-style-type: disc;
}

ul ul
{
	list-style-type: square;
}

ul ul ul
{
	list-style-type: circle;
}

/* forms */

button,
input
{
	line-height: normal;
}

button,
input,
select
{
	vertical-align: baseline;
}

#ie6 button,
#ie6 input,
#ie6 select,
#ie7 button,
#ie7 input,
#ie7 select
{
	vertical-align: middle;
}

button,
input.button,
input.reset,
input.submit
{
	background: #fefefe url(/media/base/images/form-button-soft.png) repeat-x scroll center;
	border: 0.08333em outset #ccc;
	cursor: pointer;
	padding: 0.5em 0.8333em;
}

#ie6 button,
#ie6 input.button,
#ie6 input.reset,
#ie6 input.submit
{
	overflow: visible;
	background-image: none;
	padding: 0.5em 1em;
}

#ie7 button,
#ie7 input.button,
#ie7 input.reset,
#ie7 input.submit
{
	overflow: visible;
	padding: 0.5em 1em;
}

button.submit,
input.submit
{
	font-weight: bold;
}

button:focus,
input.button:focus,
input.password:focus,
input.reset:focus,
input.submit:focus,
input.text:focus,
select:focus,
textarea:focus
{
	background-color: #eee;
	border-color: #999;
}

fieldset
{
	border: 0;
	margin-top: 1.5em;
}

input.image
{
	vertical-align: middle;
}

input.password,
input.text,
textarea
{
	background: #fefefe url(/media/base/images/form-field.png) repeat-x;
	border: 0.08333em solid #ccc;
	padding: 0.25em;
	width: 18em;
}

#ie6 input.password,
#ie6 input.text,
#ie6 textarea
{
	background-image: none;
}

legend
{
	color: #000;
	font-size: 1.1666em;
	font-weight: bold;
	padding-bottom: 0.5em;
}

#ie6 legend,
#ie7 legend
{
	margin-left: -7px;
}

select
{
	background: #fefefe;
	border: 0.08333em solid #ccc;
}

#ie6 select
{
	background: none;
}

textarea
{
	height: 9em;
	width: 36em;
}

/* javascript */

body.js-disabled .js-enabled
{
	display: none;
}

body.js-enabled .js-disabled
{
	display: none;
}



#menu {margin-top:20px; position:relative; height:38px;}


#dropline {position:relative; font-size:12px; height:58px; left:0; top:0; z-index:99;}

#dropline, #dropline ul {padding:0; margin:0; list-style:none; width:1120px;}

#dropline table {border-collapse:collapse; margin:-1px -10px 0 0; padding:0; width:0; height:0; font-size:12px;}
#dropline li {float:left;}
#dropline li a {float:left; display:block; height:58px; font-family: arial, helvetica; font-size:12px; color:#6d6e71; text-decoration:none; font-weight:bold; white-space:nowrap;}
#dropline li ul li{ font-family: arial, helvetica; height:5px; }
#dropline li ul li a {color:#fff; padding: 10px 3px 5px 5px; height:10px; background: none; }
#dropline li ul li a:hover {color:#fff200; }
.sub-divider {  float:left; display:block; margin-left:5px; color: #FFFFFF; padding-top:10px; }


#dropline li a.down {background:url(down.gif) no-repeat right center;}

#dropline li ul li a.down {font-size:15px; color:#ffffff; font-weight:normal;}

#dropline li ul { height: 35px; background: url(/media/walkonwater/images/template/dropline.jpg); display: block; text-align: left; position:absolute; top:44px; left:-9999px; z-index:100; max-width:380px; padding-left:16px; padding-right:10px; background-repeat: repeat-x; background-position: bottom left; }

#dropline li ul.floatRight li {float:right;}
ul.alerts
{
	list-style: none;
	margin: 0 0 1.5em 0;
}

ul.alerts li.error, ul.alerts li.info, ul.alerts li.success, ul.alerts li.warning
{
	margin-bottom: 0.5em;
	padding: 0.5em 1em;
}

ul.alerts li.error
{
	background: #ffeeee;
	border: 1px solid #ff9999;
	color: #ff3333;
}

ul.alerts li.error a, ul.alerts li.error b
{
	color: #ff3333;
}

ul.alerts li.info
{
	background: #eeeeff;
	border: 1px solid #9999ff;
	color: #3333dd;
}

ul.alerts li.info a, ul.alerts li.info b
{
	color: #3333dd;
}

ul.alerts li.success
{
	background: #eeffee;
	border: 1px solid #99cc99;
	color: #33aa33;
}

ul.alerts li.success a, ul.alerts li.success b
{
	color: #339933;
}

ul.alerts li.warning
{
	background: #ffffcc;
	border: 1px solid #ffcc33;
	color: #cc9933;
}

ul.alerts li.warning a, ul.alerts li.warning b
{
	color: #cc9933;
}

/* add border-radius styles for mozilla and webkit browsers */

ul.alerts > li,

table.filter td,

table.sourcetable,

button,
input.button,
input.reset,
input.submit,

input.password,
input.text,
textarea,

select,

table.cells,
table.cells > * > tr > th,
table.cells > * > tr > td,

table.rows,

#tooltip
{
	border-radius: 0.333em;
	-moz-border-radius: 0.333em;
	-webkit-border-radius: 0.333em;
}

table.rows > * > tr > th:first-child,
table.rows > * > tr > td:first-child
{
	border-bottom-left-radius: 0.333em;
	border-top-left-radius: 0.333em;
	-moz-border-radius-topleft: 0.333em;
	-moz-border-radius-bottomleft: 0.333em;
	-webkit-border-bottom-left-radius: 0.333em;
	-webkit-border-top-left-radius: 0.333em;
}

table.rows > * > tr > th:last-child,
table.rows > * > tr > td:last-child
{
	border-bottom-right-radius: 0.333em;
	border-top-right-radius: 0.333em;
	-moz-border-radius-bottomright: 0.333em;
	-moz-border-radius-bottomright: 0.333em;
	-webkit-border-bottom-right-radius: 0.333em;
	-webkit-border-top-right-radius: 0.333em;
}

div.form-field,
div.form-group
{
	margin-bottom: 1em;
}

div.form-group div.form-field,
div.form-input ul,
div.form-last div.form-field,
div.form-last div.form-group,
div.form-last fieldset
{
	margin-bottom: 0;
}

#ie6 div.form-last div.form-field,
#ie7 div.form-last div.form-field
{
	padding-bottom: 0;
}

div.form-help-text,
span.form-help-text,
ul.form-errors
{
	font-size: 0.8333em;
}

div.form-inline-field div.form-field
{
	padding-left: 15.5em;
	position: relative;
}

div.form-inline-field div.form-label
{
	left: 0;
	padding-top: 0.333em;
	position: absolute;
	text-align: right;
	top: 0;
	width: 15em;
}

div.form-inline-field div.w-checkboxselectmultiple div.form-label
{
	padding-top: 0;
}

div.form-inline-field div.w-radioselect div.form-label,
div.form-inline-field div.w-radioselect-textinput div.form-label,
div.form-inline-field div.w-selectmultiple div.form-label
{
	padding-top: 0.08333em;
}

div.form-inline-field div.w-nullbooleanselect div.form-label,
div.form-inline-field div.w-select div.form-label,
div.form-inline-field div.w-select-select-select div.form-label
{
	padding-top: 0.1666em;
}

div.form-inline-field table.rows div.form-field
{
	padding-left: 0;
}

div.form-input ul,
ul.form-errors
{
	list-style: none;
	margin: 0;
}

div.form-row
{
	overflow: hidden;
}

div.form-row div.form-field
{
	float: left;
	margin-right: 1.5em;
}

#ie6 div.form-row div.form-field,
#ie7 div.form-row div.form-field
{
	margin-right: 0;
	padding-bottom: 1em;
	padding-right: 1.5em;
}

ul.form-errors
{
	color: #ff3333;
}

/* fields: booleanfield, charfield, choicefield, typedchoicefield, datetimefield, filefield,
filepathfield, floatfield, imagefield, ipaddressfield, multiplechoicefield, nullbooleanfield */

input.f-datefield,
input.f-decimalfield,
input.f-hexcolourfield,
input.f-integerfield,
input.f-splitdatetimefield,
input.f-timefield
{
	width: 9em;
}

input.f-emailfield,
input.f-regexfield,
input.f-urlfield
{
	width: 27em;
}

/* widgets: checkboxinput, checkboxselectmultiple, datetimeinput, fileinput, hiddeninput,
multiplehiddeninput, multiwidget, nullbooleanselect, passwordinput, radioselect, select, selectmultiple,
textarea, textinput */

input.w-splitdatetimewidget,
select.w-splitdateselect,
select.w-otherchoicewidget
{
	margin-right: 0.5em;
}

input.w-radioselect
{
	width: auto;
}

/* filter */

table.filter
{
	margin-bottom: 0.333em;
}

table.filter td
{
	background: #eef;
	border: 0.08333em solid #99f;
	color: #33d;
	margin-bottom: 0.1666em;
	padding: 0.5em 1em;
}

table.filter td.active
{
	background: #fee;
	border-color: #f99;
	color: #f33;
}

/* pagination */

input.w-pagination
{
	text-align: center;
	width: 2em;
}

/* firefox */

@-moz-document url-prefix()
{
	div.form-inline-field div.form-label
	{
		padding-top: 0.1666em;
	}

	div.form-inline-field div.w-nullbooleanselect div.form-label,
	div.form-inline-field div.w-radioselect div.form-label,
	div.form-inline-field div.w-select-select-select div.form-label
	{
		padding-top: 0;
	}

	div.form-inline-field div.w-radioselect-textinput div.form-label,
	div.form-inline-field div.w-select div.form-label
	{
		padding-top: 0.08333em;
	}

	div.form-inline-field div.w-select-textinput div.form-label
	{
		padding-top: 0.25em;
	}
}

/* dimensions */

.h100
{
	height: 100%;
}

.w16
{
	width: 16%;
}

.w25
{
	width: 25%;
}

.w33
{
	width: 33%;
}

.w50
{
	width: 50%;
}

.w66
{
	width: 66%;
}

.w75
{
	width: 75%;
}

.w83
{
	width: 83%;
}

.w100
{
	width: 100%;
}



/* image links */

a.image
{
	background-repeat: no-repeat;
	display: block;
}

a.image span
{
	display: none;
}



/* layout */

.block
{
	display: block;
}

.center
{
	margin-left: auto;
	margin-right: auto;
}

.clear
{
	clear: both;
}

.float-left
{
	float: left;
}

.float-right
{
	float: right;
}

.floats
{
	overflow: hidden;
}

.hidden
{
	display: none;
}

.inline
{
	display: inline;
}

.print
{
	display: none;
}

.relative
{
	position: relative;
}

p.float-left
{
	margin-right: 1.5em;
}



/* typography */

dl.padded > dd, dl.padded > dt, ol.padded > li, ul.padded > li
{
	margin-bottom: 1em;
}

.error
{
	color: #f33;
}

.first
{
	margin-top: 0 !important;
}

.info
{
	color: #33f;
}

.last
{
	margin-bottom: 0 !important;
}

.nowrap
{
	white-space: nowrap;
}

.p
{
	margin-bottom: 1em;
}

.success
{
	color: #393;
}

.warning
{
	color: #c93;
}


body
{
	background-repeat: repeat-x;
	font-family:helvetica, arial;
	font-size:12px;
	color:#4b4a4a;
}



h1
{
	color:#DFF4FD;
	font-family:helvetica,arial;
	font-size:25px;
	margin-top:26px;
	padding-bottom:44px;
	padding-left:9px;
	
}

h2, 
{
	color:#413F3F;
	font-family:helvetica,arial;
	font-size:14px;
	margin-bottom:15px;
	margin-top:20px;
	
}

h3 a, h3 a:hover
{
	color:#413F3F;
	font-family:helvetica,arial;
	font-size:14px;
	margin-bottom:15px;
	margin-top:20px;
	font-size:20px;
	font-style:italic;
}

#top
{
	clear:both;
	height:58px;
	background: url("/media/walkonwater/images/template/nav-repeat.gif");
	background-repeat:repeat-x;
}

#nav-holder
{
	width:1120px;
	height:58px;
	margin:auto;
}

#main-nav
{
	float:left;
	height:58px;
	width:1120px;
}

#main-nav a
{
	background: url("/media/walkonwater/images/template/nav-sprite.png");
	display:block;
	float:left;
	height:58px;
}


#main-nav a span
{
	display:none;
}

#main-nav a.logo
{
	background-position: 0 0;
	width:237px;
}

#main-nav a.home
{
	background-position: -237px 0;
	width:68px;
}

#main-nav a.home:hover,
.root #main-nav a.home
{
	background-position: -237px 58px;
}

#main-nav a.about
{
	background-position: -305px 0;
	width:117px;
}

#main-nav a.about:hover,
.crumb-about-us #main-nav a.about
{
	background-position: -305px 58px;
}

#main-nav a.boards
{
	background-position: -422px 0;
	width:101px;
}

#main-nav a.boards-over,
.crumb-boards #main-nav a.boards
{
	background-position: -422px 58px;
}

#main-nav a.custom
{
	background-position: -523px 0;
	width:92px;
}

#main-nav a.custom:hover,
.crumb-custom #main-nav a.custom
{
	background-position: -523px 58px;
}

#main-nav a.contact
{
	background-position: -615px 0;
	width:124px;
}

#main-nav a.contact:hover,
.crumb-contact #main-nav a.contact
{
	background-position: -615px 58px;
}

#main-nav a.international
{
	background-position: -615px 0;
	width:150px; 
}

#main-nav a.international:hover,
.crumb-international #main-nav a.international
{
	background-position: -615px 58px;
}

#main-nav a.stockists
{
	background-position: -765px 0;
	width:111px;
}

#main-nav a.stockists:hover,
.crumb-stockists #main-nav a.stockists
{
	background-position: -765px 58px;
}

#main-nav a.warranty
{
	background-position: -876px 0;
	width:121px;
}

#main-nav a.warranty:hover,
.crumb-warranty #main-nav a.warranty
{
	background-position: -876px 58px;
}

#main-nav a.contact
{
	background-position: -1000px 0;
	width:121px;
}

#main-nav a.contact:hover,
.crumb-contact #main-nav a.contact
{
	background-position: -1000px 58px;
}
#container
{
	margin:auto;
	width:992px;
	min-height:618px;
	position:relative;
}

body.root #container
{
	min-height:935px;
}

body.root #ie6 #container
{
	height:935px;
}

#bottom
{
	clear:both;
	height:36px;
	background-color:#000000;
}

#footer
{
	padding-left:24px;
	margin:auto;
	width:968px;
}

#legals
{
	color: #ffffff;
	width:400px;
	height:24px;
	float:left;
	margin-top:10px;
	font-family: helvetica, arial;
	font-size:10px;
}


#legals a
{
	color: #ffffff;
	text-decoration:underline;
}

#legals a:hover
{
	color: #ffffff;
}

#social
{
	width:80px;
	height:24px;
	float:right;
	margin-right:30px;
	margin-top:8px;
	font-family: helvetica, arial;
	font-size:10px;
}

#social a
{
	color: #ffffff;
	text-decoration: none;
}

#social a:hover
{
	text-decoration: underline;
}

.left
{
	float:left;
}

.left-logo
{
	float:left;
	margin-top:20px;
	margin-bottom:30px;
	margin-right:20px;
}

.right
{
	float:right;
}

#frame-ssr
{
	width:494px;
	height:229px;
	position:absolute;
	left:0px;
	top:378px;
}

#frame-lsd
{
	width:497px;
	height:207px;
	position:absolute;
	left:494px;
	top:400px;
}

#flash-home
{
	width:992px;
	height:404px;
	position:absolute;
	left:0;
	top:0px;
}

.action-banner
{
	width:992px;
	height:316px;
	margin-top: -6px;
	float:left;
}

#content
{
	width:948px;
	margin-left:22px;
	background-color:#ffffff;
	float:left;
}


#content-top
{
	background: url(/media/walkonwater/images/template/top.jpg);
	width:948px;
	float:left;
	background-position: top left;
	background-repeat: no-repeat;
}

.crumb-boards #content-top
{
	background: url(/media/walkonwater/images/template/top-product.jpg);
	width:948px;
	float:left;
	background-position: top left;
	background-repeat: no-repeat;
}


.root-boards-stand-sure #content-top,
.root-boards-luke-short #content-top,
.root-boards-walk-on-water #content-top
{
	background: url(/media/walkonwater/images/template/top.jpg);
	width:948px;
	float:left;
	background-position: top left;
	background-repeat: no-repeat;
}

#content-bottom
{
	width:948px;
	min-height:510px;
	float:left;
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom:30px;
	position:relative;
}

.crumb-boards-luke-short #content-bottom
{
	background: url(/media/walkonwater/images/template/lsd-bottom.jpg);
	width:948px;
	min-height:510px;
	float:left;
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom:30px;
	position:relative;
}

.crumb-boards-stand-sure #content-bottom
{
	background: url(/media/walkonwater/images/template/sa-bottom.jpg);
	width:948px;
	min-height:510px;
	float:left;
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom:30px;
	position:relative;
}

#small-pic
{
	left:18px;
	position:absolute;
	top:-16px;
	width:288px;
}

#product-pic
{
	position:absolute;
	right:26px;
	top:31px;
	width:369px;
}

#main
{
	float:right;
	margin-top:10px;
	width:590px;
	padding-right:28px;
	padding-left:10px;
}

.crumb-boards #main
{
	float:left;
	margin-top:10px;
	width:425px;
	padding-left:45px;
}

.root-boards-stand-sure #main,
.root-boards-luke-short #main,
.root-boards-walk-on-water #main
{
	float:right;
	margin-top:10px;
	width:590px;
	padding-right:28px;
	padding-left:10px;
}

#boards
{
	float:left;
	clear:both;
	margin-left:-327px;
	position:relative;
}

#boards a
{
	color:#4b4a4a;
	text-decoration: none;
}

#boards a:hover
{
	color:#1535da;
	text-decoration: underline;
}

/* Product Table */
#specs
{
width:420px;
border-bottom-width: 5px;
border-bottom-style: solid;
border-bottom-color: #e9e9e9;
}

.odd
{
	background-color:#e9e9e9;
}

.even
{
	background-color:#ffffff;
}

#specs td
{
	padding:7px 0 7px 18px;
}

#board-slider
{
	width:868px;
	height:267px;
	margin-top:38px;
	float:left;
}



	/* custom order form */

	body.root-custom input.text
	{
		width: 18em;
	}

	body.root-custom #dimensions input.text
	{
		width: 12em;
	}

	body.root-custom textarea
	{
		height: 9em;
		width: 36em;
	}

	body.root-custom div.w-inlineradioselect td
	{
		padding-right: 18px;
	}

	body.root-custom div.w-inlineradioselect td img
	{
		margin-bottom: 9px;
	}

	body.root-custom div.form-field ul
	{
		overflow: hidden;
		zoom: 1;
	}

	body.root-custom div.form-field li
	{
		float: left;
		margin-right: 18px;
	}

	body.root-custom fieldset
	{
		border-bottom: 1px solid #4b4a4a;
	}
	
	/*facebook iFrame */
	
	#facebook-frame
	{
		background: url(/media/walkonwater/images/template/facebook-panel-bg.png);
		background-repeat:no-repeat;
		position:absolute;
		top:610px;
		left:20px;
		height:281px;
		width:953px;
		padding:30px 20px;
	}
	
	#facebook-feed
	{
		background-color:#fff;
		width:640px;
		height:250px;
		/*padding:5px;*/
		overflow:hidden;
		z-index:10;
		float:left;
		margin-right:20px;
	}

	#facebook-friends
	{
		background-color:#fff;
		width:240px;
		height:240px;
		/*padding:5px;*/
		overflow:hidden;
		z-index:10;
		float:left;
		/*margin-top:25px;*/
	}
	
	.facebook-link
	{
		font-size:11px;
	}
	
	.facebook-link img
	{
		float:right;
		margin-top:-2px;
		margin-right:3px;
	}
	
	.facebook-link a
	{
		text-decoration:none;
		color:#3B5998;
		float:right;
	}
	
	.facebook-link a:hover
	{
		text-decoration:underline;
	}
	
	
	
	
	
	.stockist
	{
		float:left;
		clear:both;
		margin-bottom:10px;
	}

	.stockist_heading{
		clear:both;
		font-weight:bold;
		font-size:14px;
		margin-bottom:5pt;

	}
	
	.stockist_name{
		text-decoration:underline;
	}

	.stockist_right_col
	{
		float:left;
		width:48%;
		margin-bottom:15pt;
		border:0pt black solid;
		clear:right;

	}

	.stockist_Left_col
	{
		float:left;
		width:48%;
		margin-bottom:15pt;
		border:0pt black solid;
		clear:left;

	}
	
	#product_image
	{
		width:369px;
		
	}
	
	#buy_button
	{
		overflow:hidden;
		
	}
	
	#buy_button IMG
	{
		float:right;
		
	}