@charset "UTF-8";
/* CSS Document */

html, body {
	margin:0;
	padding:0;
	background:url(../images/frame/body_bg.gif);
	font-family: Helvetica, Arial,sans-serif;
	font-size:11px;
	color:#000000;
	line-height:20px;
	text-decoration: none;
}
p{margin:0;margin-bottom:20px; }
h1{margin:0; padding:0; margin-bottom:10px}
h2,h3, h4 {
	font-size:14px;
	margin:0;
	margin-bottom:10px;
	margin-top:5px;
	padding:0;
	line-height:18px;
	color: #0099cc;
}


a {color:#111111; font-weight:bold; text-decoration:underline}
a:hover {color:#990000}
#contentfrmae {margin:0 auto; width:970px;}
#header{ margin-top:30px;width:970px; height:88px; background: url(../images/frame/top_menu_bg.gif) top no-repeat}

#submenu{position:absolute; float:right; width:970px; margin:0 0 0 auto}

img.logo{float:left; padding-left:5px; padding-top:1px;}
img.logokitesurf{float:right; padding-right:20px; padding-top:10px;}
#menu{padding-top:69px; text-align:left; padding-left:10px; float:left}

#menu img{padding-left:20px;}

#submenu a{font:Arial,  sans-serif; font-size:11px; text-transform:uppercase; color:#FFFFFF; text-decoration:none; font-weight:bold;}
#submenu ul {float:right; width:120px; padding:0; margin:0; margin-top:30px}
#submenu li {height:25px; line-height:25px; padding:0 0 0 14px; margin:4px 0 4px 0; color:#FFFFFF; list-style:none; background:left top no-repeat url(../images/menu/submenu_bg.gif)}
#mainimage{position:relative; width:970px; padding:0; margin:0; height:225px;}
#mainimage img {padding:0; margin:0; border:0}
#contenttopbar{padding:0; margin:0; height:9px;}

#content {background:#FFFFFF; width:970px;}
#footer { margin-top:0px;width:970px; height:88px; background: url(../images/frame/footer_bg.gif) top no-repeat; clear:both; padding-bottom:20px; text-align:right}
#footer a{padding-right:15px;}
#footer img {padding-top:6px;}

#contentcol1{width:190px; float:left; position:relative; padding-top:5px; }
#contentcol2{width:780px; float:left; position:relative; padding-top:5px; }
#productframe{width:750px; margin:0 auto}
#productinfoframe{border:2px dotted #999999; border-top:0px; width:746px; overflow:auto; padding-top:20px;  }
#tabbar{width:746px;}
#bread {color:#666666; font-size:9px; margin:0 auto; width:650px; padding:3px 0 7px 0; text-transform:lowercase}
#bread a {color:#666666; font-size:10px; text-decoration:none; font-weight:normal}
#productimages{float:left; width:320px; text-align:center}
#productimages img {padding-bottom:20px; padding-top:10px}
#productinfo{float:left; width:420px;}

.hide {display:none}

#leftmenu { width:188px; background:url(../images/leftmenu/main_bg.gif); position:relative;}

#leftsubmenu{margin-left:10px;}
#leftsubmenuframe { width:172px; clear:both; margin-left:1px; margin-top:5px}
#leftsubmenuframe .item{height:23px; padding:0; margin:0; background:url(../images/leftmenu/menuitem_bg.gif);}
#leftsubmenuframe .text { padding:0; padding-left:18px; padding-top:10px; margin:0; line-height:12px; font-size:11px; color:#FFFFFF; font-weight:bold; font-family: Helvetica, Arial,sans-serif}

#leftsubmenuframe .text a{color:#FFFFFF; text-decoration:none}


.pagingLinks, .pagingLinks a{text-align:center; color:#000000;}

#leftmenu .title{background:no-repeat top left url(../images/leftmenu/title_bg.gif); width:188px; height:33px;}
#leftmenu .title img{margin-left:22px; margin-top:10px;}


.tabs { margin: 0; padding: 0; height:53px;  }
.tabs li { list-style:none}
.tabs a:hover, .tabs a.tab-active {background:url(../images/productpage/tab_on_bg.jpg) top left no-repeat } 

.tabs a img{padding-top:3px;}
.tabs a  {height: 28px; font:12px verdana, helvetica, sans-serif;font-weight:bold;position:relative; color:#2B4353;text-decoration:none;background:url(../images/productpage/tab_bg.jpg) top left no-repeat}



#cartlinks a{margin:5px;}
#cartlinks {padding-top:3px; padding-bottom:3px}
#staticcontent{
	margin:5px;
	margin-top:0px;
	width:650px;
	border:1px dashed #999999;
	float:right;
	padding:5px;
	text-decoration: none;
}



#homecol1{
	width:288px;
	float:left;
	position:relative;
	padding-top:0px;
	margin-left:0px;
	margin-top:6px;
	background: top left repeat-y  url(../images/homepage/contentcol1_bg.jpg);
	background-image: url(../images/homepage/contentcol1_bg.jpg);
}
#homecol1 p {margin:0px;margin-bottom:8px; margin-top:7px; line-height:18px;}

#homecol1title{height:287px; height:33px; padding:0; margin:0; background:url(../images/homepage/contentcol1_title_bg.gif) no-repeat}

#homecol1title img{margin-left:24px; margin-top:10px;}

#homecol1text {padding-left:8px; padding-right:3px; color:#FFFFFF; font-family:Helvetica,Arial,  sans-serif; font-size:11px;}
#homecol1edgeinfo{margin:12px; margin-left:15px; background:#FFFFFF; width:260px; padding:0}

#basketinfo { padding:0; margin:0 auto; margin-top:10px; padding-top:5px; margin-bottom:8px; background:#FFFFFF; width:80%;}
#basketinfo p {line-height:20px; padding:0; margin:0; margin-top:0px; padding-left:7%; margin-right:4px; font-size:11px; color:#990000}

#homecol2{width:670px;float:right; position:relative; padding-top:5px; margin-top:6px; }

#homeproductframe {width:321px; height:160px; padding:0; margin:5px; float:left; background:url(../images/homepage/product_bg.jpg) top no-repeat}

#homeproductframe .image {float:left; padding-left:28px; margin-top:7px; width:148px; height:120px; padding:0; text-align:right}
#homeproductframe .prodcol2 {float:left; padding-left:5px;}
#homeproductframe .homeprodtitle {padding-top:10px; margin-left:0px; padding-bottom:4px}


#homeproductframe .text{
	width: 164px;
	line-height:16px;
	font-size:11px;
	font-weight:normal
}
#homeproductframe .text a{color:#000000; text-decoration:none; font-weight:bold}
#homeproductframe .homeprodtitle a { font-size:14px; color: #bf1202; text-decoration:none; font-weight:bold}
#homeproductframe .viewprod {padding-left:28px; margin-top:140px; position: static} 
td.contactus{font-size:13px; color:#777777}



#resultsproductname a{text-decoration:none; color:#BF1202; text-transform:capitalize; font-weight:bold; font-size:13px; padding:0; margin:0; line-height:13px}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Cartweaver 3 CSS Classes */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
NOTE: All styles below are specific to Cartweaver 3.
You may use the CSS above, or remove it and attach
your own CSS file in addition to cartweaver.css
*/

/*Form Styles*/
input.formCheckbox {
	border: none;
	background: transparent;
}

input.formButton {
	background: #bf1202;
	border-bottom: 1px solid #870b01;
	border-left: 1px solid #870b01;
	border-right: 1px solid #870b01;
	border-top: 1px solid #870b01;
	color: #FFFFFF;
	font-weight: bold;
	margin: 3px 3px 0px 3px;
}

/* Tables used to display tabular Data. */
/* Apply to <table> tags only. 
Example: <table class="tabulardata">*/
table.tabularData, table.tabularData td, table.tabularData th {
	border: 1px solid #696969;
	border-collapse: collapse;
}
table.tabularData td, table.tabularData th{
	padding: 3px;
}
table.tabularData th, table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active  {
	background: #979797;
	color: #FFFFFF;
}

/* altRowEven & altRowOdd are used to style alternating table rows. */
.altRowEven {
	background-color: #FFFFFF;
}
.altRowOdd{
	background-color: #FFFFFF;
}

/* oldprice is displayed when there is a discount */
.oldprice {
	text-decoration: line-through;
}
.smallprint {
	font-size: 10px;
}

.pagingLinks {
	text-align: center;
}

.errorMessage {
	color: #993333;
	font-weight: bold;
}
/* This aligns products to the top of the table cell with horizontal display of results */
table#tableSearchResults td {
	vertical-align:top;
}
.links {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
.infoPicsDotted {
	border: thin dashed #BF1202;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-bottom-color: #BF1202;
}

.greytext {
    font-size: 11px;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}

.redtext {
	font-size: 11px;
	text-decoration: none;
	color: #BF1202;
	font-weight: bold;
}	
.blueText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    color: #0099CC;
	text-decoration: none;
	font-weight: bold;

	
}


 img.sportkitesmenu {display:none; 
}

.dottedLine {
	border: thin dashed #bf1202;
}
.price {
	color: #BF1202;
}
