/* Global styles*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
/*	background-color:#2f2f2f;*/
/*  Add background image */
	background:url(../images/kitesurfstorebackgroundnew.jpg) no-repeat top;
	background-color:#F3F4F9;
	margin:5px 0px;
}
form{margin:0}
.shell{ width:948px; margin:0 auto}
#header{
	margin:0 auto;
	/*background:url(../images/newheader1.png) no-repeat top;*/
	height:125px;
	width:960px;
	position:relative;
}
#headertop {
background-color:#099237;
border-bottom:2px solid #000;
border-top:2px solid #000;
color:#FFFFFF;
font-weight:bold;
padding:3px 5px;
text-align:left;
}

#header .logo{ margin:4px 0 0 10px} /* amend indent from 50px to 10px. */
#telephone_number {left:670px;position:absolute;top:110px; width:277px; height:32px; background:url(../images/telephone_number.png) no-repeat; text-indent:-9999px; z-index:999;}

#search{float:right; margin-top:5px; padding-right:25px }

/* reversed colours of nav background and borders */
#nav{ margin:0 auto; width:954px;  background:#ffffff; border-top:1px #000 solid; border-bottom:1px #000 solid; border-left:3px #000 solid; border-right:3px #000 solid;}	

#nav ul{
	list-style:none;
	margin:0;
	padding:0;
}
#nav li{
	display: inline;
	margin:0px;
	padding:0px;
	height:30px;
	color:#fff;
}
/* remove background color and add text color */
#nav li:hover{ color:#35495F}
/* reverse color */
/* change weight from normal to bold and size from 14 to 12 */
#nav a{	color:#000;	font-size:12px;padding:6px 10px 5px 10px;line-height:27px; font-weight:bold;border-right:1px solid #fff; }
/* change color from #fff and remove background */
#nav a:hover{color:#35495F}
#wrapper{border-left:3px #000 solid; border-right:3px #000 solid;width:954px;margin:0 auto; }
#main{
	margin:0;
	padding:0;
	background-color:#FFF; /* Change from #000 to #FFF */
}
#main2{
	
	margin:0;
	padding:10px;
}
#leftcolumn{
	width:160px;
	background-color:#FFF; /* Change from #000 to #FFF */
	padding:0 10px 10px 0;
	float:left;
	border:0px solid #999;
}
/* change color from #fff to #000 to display text */
#centercolumn{
	
	margin:0px 170px;
	color:#000;
}
#rightcolumn{
	/*position:absolute;
	top:138px;
	right:0px;*/
	float:right;
	width:160px;
	background-color:#FFF; /* Change from #000 to #FFF */
	padding:0 0px 10px 10px;
	border:0px solid #999;
	
}
.col_title{
	background-color:#CFE3FE; /* change */
	color:#000; /* change from #FFF */
	padding:3px;
	font-weight:bold;
	font-size:12px;
	
}
.col_content{
	background-color:#fff;
	padding:2px;
	margin-bottom:10px;
	text-align:center;
	color:#000;
}

/* change color from #333 to #000 to allow mouse over change */
.col_content a{
	font-size:11px;
	font-weight:bold;
	color: #000;
}

/* split hover so it changes color */
.col_content a:hover{
	color: #333;
}

#footer{
	margin:0 auto;
	background:url(../images/new_foot.png) no-repeat top;
	height:64px;
	width:960px;
	position:relative;
}
#footer span{ display:block}
.floater{
	height:0px;
	line-height:0px;
	clear:both;
	font-size:0px;
}
.floater_right{
	height:0px;
	line-height:0px;
	clear:right;
	font-size:0px;
}
#shell{
	padding:0px 10px 10px 10px;
	background:#fff;
	color:#000;
}
/*product details page*/
#products_leftcol{
float:left;
position:relative;
width:250px;
}
#products_rightcol{
float:left;
position:right;
width:300px;
height:270px;
}
#maincontent{
position:relative;
width:500px;
height:300px;
float:left;
}
#products_shell{
	padding:0 10px 10px;
	background:#fff;
	color:#000;
}
#topsection{
	border:0px solid #000;
}
/* add new style for layout icons */
#layout {
	float:left;
	width:50px;
	height:25px;
}
#layout img {
	margin:2px;
}
#logo{
	/*float:left;	*/
	margin:0 10px 10px 0;
}
#titles{
	text-align:left;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	background-color:#CFE3F3;
	/*margin:10px 0 0 20px;
	float:left;*/
}
#titles h1{
	margin:0px;
}

.imgleft{
	float:left;
	margin:0 10px 10px 0;
}
#productpics img{
	float:left;
	margin-left:auto;
	margin-right:auto;
	/*margin:0 10px 10px 0;*/
	/*width:240px;*/
}
#productpics {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#headpics{
	position:absolute;
	top:0px;
	left:0px;
}
#headpics img{
	display:none;
}
.imgleft img{
	/*border:1px solid #ccc;*/
	width:250px;
}
.imgright img{
	border:1px solid #ccc;
}
.imgleft_tn{
	float:left;
	margin:0 5px 5px 0;
	border-color:blue;
}
.imgleft_tn input{
	/*border:1px solid #ccc;*/
	width:75px;
}
.imgright{
	float:right;
	margin:0 0 10px 10px;
}
#extras{
text-align:right;
}
#prices{
	/*float:left;*/
	font-size:16px;
	font-weight:bold;
	margin-right:20px;
}
#prices span{
	font-size:14px;
	border:0px solid #999
}
#cart{
	border:0px solid #999;
	margin:0;
	font-size:16px;
	font-weight:bold;
	text-align:left;
}
#cart label{
	font-size:12px;
	width:80px;
}
#addtocart{
	
}
#section1{margin:10px 0; border:0px solid #999;}
#section2{margin:10px 0; border:0px solid #999; }
#section3{margin-bottom:10px; border:0px solid #999;}
.section_text{text-align:left;}
#url{
	margin-top:10px
}
#returnto{
	text-align:center;
}

#cartoptions{
	float:left;
	/*margin:0 10px;*/
	border:0px solid #999;
}
#cartoptions #option1{
	float:left;
	margin:5px 0px;
}
#cartoptions #option2{
	float:left;
	margin:5px 0px;
	clear:left;
}
#instock{
	float:left;
	display:none;
	border:0px solid #999;
	clear:none;
	color:#33CC00;
	margin-left:5px;
}
#outofstock{
	float:left;
	display:none;
	color:#CC0000;
}
#outofstock span{
	font-size:11px;
	color:#FF0000;
}
.stock_text{float:left; margin-left:5px; width:170px }
#cartbutton{
	display:none;
	float:left;
	margin:5px 0px;
	clear:left;
}
#showprice{
	display:none;
	float:left;
	margin:5px 0px;
	clear:left;
}

/*products*/
#products{
	text-align:center;
}
#products #topsection{
font-size:14px;
}
#products #boxes{
text-align:center;
}
.products_block{
	border:1px solid #ddd;
	width:180px;
	margin:5px;	
	background:#fff;
}
/* Add style for tile effect in products layout */
.products_block_tile{
	border:1px solid #ddd;
	width:560px;
	margin:5px;	
	background-color:#red;
	overflow:hidden;
}
/* amend background-color and color and increase margin from 0px to 2px */
#products .title{
	font-size:12px;
	color:#000;
	background-color:#CFE3FE;
	padding:2px;
	font-weight:bold;
	text-align:center;
	margin:2px;
}
#products .description{
	font-size:11px;
	height:30px;
	color:#000;
	text-align:center;
}
.product_title {
	font-size:16px;
	color:#000;
	font-weight:bold;
	background-color:#CFE3FE;
	padding:3px;
}
#products .description_tile{
	position:relative;
	font-size:11px;
/*	height:200px;*/
	width:350px;
	color:#000;
	text-align:left;
	float:left;
	margin:5px;
}
#products .pic{ text-align:center}
#products .pic_tile{ width:180px; text-align:left; position:relative; float:left; margin:5px;}
.products_block_tile a, .products_block_tile a:hover, .products_block_tile a:active, .products_block_tile a:visited{
	font-size: 16px;
	color: #000;
}
#products_price{
	margin-top:3px;
	margin-bottom:3px;
	font-size:14px;
	font-weight:bold;
}
#product_detail{
	margin-top:3px;
	margin-bottom:3px;
}
/*content*/
#contentsum{
padding:5px;
border:1px solid #ddd;
margin:0 0 0px 10px 
}
#contentsum .title{
	font-size:12px;
	color:#fff;
	background-color:#842a2a;
	padding:2px;
	font-weight:bold;
	text-align:left;
	margin-bottom:5px;
}
/*home page*/
#home{/*padding:0; width:580px; text-align:left; color:#000;*/
	padding:10px;
	background:#fff;
	color:#000;}
#home .title{
	font-size:12px;
	color:#000; /* change from #fff to #000 */
	background-color:#CFE3FE; /* Change from #842a2a to #CFE3FE */
	padding:2px 5px;
	font-weight:bold;
	text-align:left;
	margin-bottom:5px;
}
#home .block{
	float:left;
	border:1px solid #ddd;
	margin:0 5px 5px 0;
	padding:3px;
	text-align:center;
	width:120px;
	height:102px;
}
.home_welcome{	
	border:0px solid #ddd;
	padding:5px;
	margin:5px 0;
}
#warning, #warning li {
	color:#FF0000
}

/*shopping cart*/
#cart_empty {text-align:center; margin:0px 20px 0}
#cart_empty h2{ color:#000; font-size:18px; margin-top:0px;}

h2 {
margin-top:0px;
}	
#cart_form {padding:0 10px; min-height:400px; background:#fff; color:#000}
#cart_form th {background-color:#CFE3FE; color:#000; font-weight:bold; font-size:11px}


.onspecial{
	position:absolute;margin-left:130px;
}
.bg {background-image: url(../images/bg.gif);background-repeat: repeat-x;background-position: center top;}
.shoppingcart{font-size : 10px;}
.title {font-size : 12px;font-family : Arial, Helvetica, sans-serif;color :#fff; font-weight:bold;}
p.sml{
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color :#fff;
}

p.just
{
	font-size : 10px;
	font-family : Arial, Helvetica, sans-serif;
	color :#fff;
	text-align: justify
}

.div
{
	
	font-family : Arial, Helvetica, sans-serif;
	color :#fff;
} 
.dropdown{	font-family:Arial, Helvetica, sans-serif;	background-color: #ffffff;	border: solid 1px #666666;	font-size:	10px;}

.formelement
{
	font-family:Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	border: solid 1px #666666;
	font-size:	12px;
}
.button
{
	font-family: verdana, Arial, Helvetica, sans-serif;
	background-color: #eaeaea;
	font-size:	10px;
	font-weight: bold;
	color : #666666
}
#breadcrumb{ font-size:14px;margin-bottom:10px}
#breadcrumb a{font-size:14px; font-style:italic; text-decoration:underline}

/* change color from #fff to #000 */
A,A:Visited,A:Active {	font-size : 11px;	font-family : Arial, Helvetica, sans-serif;	color :#000;	FONT-WEIGHT: BOLD;	text-decoration : none;}
/* change color from #ccc */

a:Hover  {
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
	color : #35495F;
	text-decoration : NONE;
}

#shell a,#home a{ color:#000000}

#shell a,#home a:hover{color:#35495F}
/* add color for hover */
#shell a:hover{color:#4653B3}

A.menu,A.menu:Visited,A.menu:Active {	font-size : 11px;	font-family : Arial, Helvetica, sans-serif;	color :#FFFFFF;	FONT-WEIGHT: BOLD;	text-decoration : none;}
a.menu:Hover  {	font-size : 11px;	font-family : Arial, Helvetica, sans-serif;	color : #35495f;	text-decoration : NONE;}



A.sub,A.sub:visited,A.sub:active  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color :#666;
	text-decoration : none;
}

A.sub:Hover  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color : #ccc;
	text-decoration : underline;
}
A.subcart,A.subcart:visited,A.subcart:active  {
	font-size : 10px;
	font-family : Arial, Helvetica, sans-serif;
	color :#000;
	text-decoration : none;
}

A.subcart:Hover  {
	font-size : 10px;
	font-family : Arial, Helvetica, sans-serif;
	color : #333;
	text-decoration : underline;
}
A.admen  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color :#fff;
	text-decoration : none;
}

A.admen:Visited  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color : #fff;
	text-decoration : none;
}

A.admen:Active  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color : #ffffff;
	text-decoration : none;
}

A.admen:Hover  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color : #ffffff;
	text-decoration : none;
}

A.bod  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color :#fff;
	text-decoration : underline;
}

A.bod:Visited  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color :#ccc;
	text-decoration : underline;
}

A.bod:Active  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color : #fff;
	text-decoration : none;
}

A.bod:Hover  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color : #ccc;
	text-decoration : underline;
}
A.foot,A.foot:Visited,A.foot:Active  {	font-size : 14px;	font-family : Arial, Helvetica, sans-serif;	color :#3C3C3C;	text-decoration : none;font-weight:normal;}
A.foot:Hover  {	font-size : 14px;	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	text-decoration : none; font-weight:normal;}

A.foot2,A.foot2:Visited,A.foot2:Active  {	font-size : 14px;	font-family : Arial, Helvetica, sans-serif;	color :#ffffff;	text-decoration : none;font-weight:normal;}
A.foot2:Hover  {	font-size : 14px;	font-family : Arial, Helvetica, sans-serif;	color : #ccc;	text-decoration : none; font-weight:normal;}

A.foot3,A.foot3:Visited,A.foot3:Active  {	font-size : 14px;	font-family : Arial, Helvetica, sans-serif;	color :#ffffff;	text-decoration : none;font-weight:normal;}
A.foot3:Hover  {	font-size : 14px;	font-family : Arial, Helvetica, sans-serif;	color : #ccc;	text-decoration : none; font-weight:normal;}


.foot{
	font-size : 14px;
	font-family : Arial, Helvetica, sans-serif;
	color :#fff;
	padding:10px 10px 0 10px;
}
#footnav{ clear:both; text-align:center}

A.text  {
	font-size : 10px;
	font-family : Arial, Helvetica, sans-serif;
	color :#fff;
	text-decoration : none;
}

A.text:Visited  {
	font-size : 10px;
	font-family : Arial, Helvetica, sans-serif;
	color : #fff;
	text-decoration : none;
}

A.text:Active  {
	font-size : 10px;
	font-family : Arial, Helvetica, sans-serif;
	color : #fff;
	text-decoration : none;
}

A.text:Hover  {
	font-size : 10px;
	font-family : Arial, Helvetica, sans-serif;
	color : #333333;
	text-decoration : underline;
}
li  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color:#000;
}
ui  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color:#000;
}

.row1 {
	background-color: #f4f4f4;
}
.row0 {
	background-color: #ffffff;
}
.product_title a{
	color:#000;
	font-size:16px;
}
#logo_home{
	position:absolute;
	left:10px;
	top:0px;
	height:125px;
	width:370px;
	z-index:999;
}
#gallery {
	bottom:0px;
}