/*SKIN ROME - BASE - $Revision: 3851 $ - $Date: 2010-02-11 00:15:10 -0300 (jue, 11 feb 2010) $ ******************/
/******************************************************
*
*					RESET TAGS
*
******************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,object {margin:0;padding:0;}
#myshp_checkout table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul,dl{list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
abbr,acronym {border:0;}
a img{border:0; outline:none;}
a{outline:none;}

/******************************************************
*
*				RESET EXCEPTIONS
*
******************************************************/
.myshp_block ul,
.myshp_block_content ul {
	list-style: disc outside;
	padding-left: 40px;
}
.myshp_block ol,
.myshp_block_content ol {
	list-style: decimal outside;
	padding-left: 40px;
}

/******************************************************
 *
 *					GENERAL TAGS
 *
 ******************************************************/
html {
    text-align: center;
}

body {
    padding: 0 0 70px;
    margin: 0;
    text-align: center;
	font: 11px arial;
	color: #333;
	background:#fff;
}

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
	font: 11px verdana;
	color: #666666;
}

td {
    text-align: left;
    color:#000000;
    font: 12px arial;
    text-align: left;
}

td.align-right {
	text-align: right;
}
td.align-left {
	text-align: left;
}
td.align-center {
	text-align: center;
}
#myshp-body{
	display:block;
}

.myshp_three_columns #myshp{
	width:800px;
}

.myshp_three_columns #myshp_contentframe{
}

.myshp_three_columns #myshp_menu_side_right{
	display:none;
}

.myshp_two_columns #myshp_contentframe{
}

#myshp_menu_side_right{
display:none;
}

.myshp_block,
.myshp_block_content{
	margin:10px 0 7px;
	padding: 0px;
	overflow: hidden;
	clear:both;
	font-family:Georgia,"Times New Roman", Times, serif;
	line-height:2;
}

.myshp_block_content ul,
.myshp_block_content ol{
	padding-left: 40px;
}

/******************************************************
 *
 *	Overwite default behaviour
 *
 ******************************************************/
.myshp_list_navigation {
	border-bottom:0!important;
	border-top:0!important;
}

/******************************************************
 *
 *						HEADER
 *
 ******************************************************/
#myshp {
    width: 800px;
    text-align: left;
    margin: 0 auto;
    padding: 0;
	overflow:hidden;
	position:relative;
}

#myshp_header {
    display: block;
    width: 100%;
    height: 145px;
    overflow: hidden;
	position:relative;
}

#myshp_logo {
    display: block;
    background: url(leeg.gif) no-repeat left top;
    float: left;
    width: 380px;
    height: 80px;
	margin-top:20px;
    z-index: 0;
	text-indent:-9999em;
}

#myshp_header_text {
    position:absolute;
	right:0;
	top:60px;
    width: 150px;
	height:29px;
    text-align: left;
    padding: 15px 0 0;
	overflow: hidden;
}

	#flags{
	position:relative;
	width:150px;
	height:29px;
	overflow:hidden;
	}
	
		#flags a{
		background: url(http://www.ninefoot.com/shop/layout/Flags.jpg) no-repeat;
		position:absolute;
		top:0;
		left:0;
		margin:0;
		padding:0;
		text-indent:-9999em;
		display:block;
		width:25px;
		height:29px;
		overflow:hidden;
		font-size:1%;
		}
		
		a#flagNL{
		left:0;
		background-position:0 0;		
		}
		
		a#flagES{
		left:25px;
		background-position:-25px 0;
		}
		
		a#flagEU{
		left:50px;
		background-position:-50px 0;
		}
		
		a#flagCOM{
		left:75px;
		background-position:-75px 0;
		}
		
		a#flagUK{
		left:100px;
		background-position:-100px 0;
		}
		
		a#flagDE{
		left:125px;
		background-position:-125px 0;
		}
		
		a#flagNL:hover,
		a#flagNL.active{
		left:0;
		background-position:0 -29px;		
		}
		
		a#flagES:hover,
		a#flagES.active{
		left:25px;
		background-position:-25px -29px;
		}
		
		a#flagEU:hover,
		a#flagEU.active{
		left:50px;
		background-position:-50px -29px;
		}
		
		a#flagCOM:hover,
		a#flagCOM.active{
		left:75px;
		background-position:-75px -29px;
		}
		
		a#flagUK:hover,
		a#flagUK.active{
		left:100px;
		background-position:-100px -29px;
		}
		
		a#flagDE:hover,
		a#flagDE.active{
		left:125px;
		background-position:-125px -29px;
		}
		
		

#myshp_menu_main {
    clear: both;
    width: 800px;
    height: 16px;
	text-transform:uppercase;
	overflow:hidden;
	position:absolute;
	top:120px;
}

#myshp_menu_main ul.myshp_menu_main_list {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    height: 16px;
}

#myshp_menu_main li.myshp_menu_main_list_item {
    display: block;
    float: left;
    margin: 0 5px 0;
    height: 16px;
    background-image: none;
    cursor: pointer;
	font-weight:bold;
}

.myshp_menu_main_list_item a{
font-weight:bold;
font-size:12px;
padding:0;
margin:0;
display:block;
height:16px;
cursor:pointer;
text-decoration:none;
overflow:hidden;
}

.myshp_menu_main_list_item a:link {
	color:#252c3f;
}

.myshp_menu_main_list_item a:visited {
	color:#252c3f;
}

.myshp_menu_main_list_item  a:hover {
	color:#bdc8da;
}

.myshp_menu_main_list_item a:active,
.myshp_menu_main_list_item .myshp_tabOn {
  	color:#bdc8da !important;
}

a#myshp_menuitem6 { background: url(http://www.ninefoot.com/shop/layout/New.gif) no-repeat right top; padding:0 40px 0 0}

/*a#myshp_menuitem8:link,
a#myshp_menuitem8:hover,
a#myshp_menuitem8:active,
a#myshp_menuitem8:visited,
a#myshp_menuitem8.myshp_tabOn{
color:#FF0000;
}*/

/*hide island casuals tab*/
a#myshp_menuitem9{
display:none;
}

/******************************************************
*
*					GENERAL PURPOSE
*
******************************************************/
.myshp_block_frame {
	margin: 0 0 10px;
	padding: 10px;
	width: 90%;
}	

	.myshp_block_frame iframe {
		margin:0;
		padding:0;	
	}	

		body.myshp_block_inner{
			margin:0;
			padding:0px;
		}
			
			.myshp_block_inner_header {
			}
			
			.myshp_block_inner_row{
				clear:both;
			}
			
			.myshp_block_inner_textfield {
				float: left;
				clear: both;
				margin: 0 0 10px;
				padding:1px;
			}							
			
			.myshp_block_inner_subscribe,
			.myshp_block_inner_unsubscribe {
				display: block;
				float: left;
				height: 15px;
			}							
			
			.myshp_block_inner_subscribe_label,
			.myshp_block_inner_unsubscribe_label {
				display: block;
				float: left;
				line-height: 20px;
			}							
			
			.myshp_block_inner_button_row {
				clear: both;
				height: 19px;
				padding: 10px 0 0;
				text-align: right;
			}
			.myshp_block_inner_button {
				text-transform:uppercase;
				cursor:pointer;
			}							
			
/******************************************************
 *
 *					SIDE MENU
 *
 ******************************************************/
#myshp_menu_side {
height:0;
width:0;	
}

	#myshp_menu_side h3 {
	display:none;
	width:0;
	height:0;	
	}

#myshp_menu_side_search {
	display:none;
	height: 0px;
    width: 0px;
}

#myshp_menu_side_search h3 {
    display: none;
    height: 0px;
    width: 0px;
}

#myshp_quicksearch {
}

#myshp_searchfield {
}

#myshp_searchbutton {
}

#myshp_menu_side_basket_content {
    position:absolute;
	top:10px;
	right:0;
	width:120px; 
	height:30px;
	background:#252c3f url(http://www.ninefoot.com/shop/layout/Shopping-Bag.jpg) no-repeat 5px 0;
	padding:10px 5px 10px 25px;
	color:#fff;
	text-align:center;
}

	
	#myshp_menu_side_basket h3 {
	display:none;
	width:0;
	height:0;	
	}

	#myshp_menu_side_basket_content a{
	color:#fff;
	text-decoration:underline;
	font-weight:bold;
	}
	
.myshp_block #block24{
 position:absolute;
top:10px;
right:150px;
}

/******************************************************
 *
 *					CONTENT AREA
 *
 ******************************************************/
#myshp_contentframe {
    padding: 0;
    margin: 0;
    float: left;
    overflow: hidden;
}

#myshp_content {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.search {
    height: 28px;
}
/******************************************************
 *
 *						FOOTER
 *
 ******************************************************/
#myshp_footer {
width:0;
height:0;
margin:0;
padding:0;

}

#myshp_footer_text {
    width: 100%;
    text-align: center;
    margin: 0;
}

/******************************************************
*
*					PRODUCT LIST
*
******************************************************/
#bannerProductlist{
margin-bottom:15px;
}

	#bannerProductlist p{
	text-indent:-9999em;
	height:0;
	width:0;
	padding:0;
	margin:0;
	}
	
#productList{
border:#adadad 1px solid;
}

	.product{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	}

	.product li{
	float:left;
	width:185px; /*160px - 10px l + r padding - 2px border*/
	padding:5px; 
	}

		a.imgPlace{
		width:190px;
		display:block;
		position:relative;
		}


			.prodInfo{
				list-style:none;
				margin:0 5px 0;
				padding:0;
				text-align:center;
				width:190px; 
				color:#252C3F;
			}
			
			.salesPrice{
			color:#FF0000;
			}
			
			.prodInfo h2{
			color:#252C3F;
			font-weight:bold;
			}
			

			.brand{
				font-weight:bold;
				text-decoration:none;
			}

/******************************************************
*
*					MORE INFO
*
******************************************************/
#productListMoreInfo{
border:#adadad 1px solid;
margin:10px 0;
min-height:330px;
*width:798px;
}

#moreImage, #moreImageDetail, #moreinfoDetails{
list-style:none;
margin:0;
padding:0;
}

#moreImage{
background:#fff;
float:left;
width:380px;
padding:10px 50px;
}

	#mainImg{
	float:right;
	width:250px;
	}
	
	.enlarge{
	text-align:center;
	}
	
	.detail{
	float:left;
	width:130px;
	}

		.detailInfo{
		text-align:center;
		}
		
		
#moreinfoDetails{
float:left;
padding:20px 10px 0 0;
width:308px; /*798 - 480 - 10px*/
overflow:hidden
}

	#moreinfoDetails li{
	width:inherit;
	}

	#moreinfoBrand h2{
	font-weight:bold;
	font-size:13px;
	}
	
	#moreinfoSlogan{
	margin:0 0 10px;
	}
	
	#moreinfoDescription{
	padding:15px 0 10px;
	}

	#moreinfoDescription ul{
	list-style:disc inside;
	padding:0;
	line-height:1.5;
	}
		
		#moreinfoDescription li{
		padding:0;
		line-height:1.5;
		}
	
	#moreinfoDetails .label{
	width:80px;
	float:left;
	clear:both;
	}
	
	#moreinfoDetails .value{
	float:left;
	width:auto;
	}
	
	#moreinfoPrice span,
	#moreinfoColor span,
	#moreinfoSize span{
	margin:15px 0 0;
	}
	
		.chart{
		float:left;
		padding-left:15px;
		vertical-align:middle;
		}
	
	.value input{
	width:30px;
	text-align:center;
	}
	
	#moreinfoQuantity span,
	#moreinfoQuantity input{
	margin:15px 0;
	}
	
	#moreinfoBestel{
	clear:both
	}
	
	
	.moreinfoBestelButton {
	background:transparent url(http://www.ninefoot.com/shop/layout/Button-Shoppingbag.jpg) no-repeat scroll 0 0;
	display:block;
	border: medium none;
	width: 147px;
	height: 28px;
	text-indent: -9999px;
	clear:both;
	}
	
	.sizeGuide{
	padding-left:5px; 
	width:80px;
	float:left;
	}

.sizeGuide a{
background: url(https://www.ninefoot.com/shop/layout/Size-Chart.jpg) no-repeat;
width: 80px;
height: 23px;
/*float:left;*/
display:block;
text-indent: -9999px;
}

.colorImage{
margin-top:10px;
}


#relatedProducts{
text-align:center;
*width:798px;
}

	#relatedProducts h3{
	background:url(http://www.ninefoot.com/shop/layout/Background-Favourites.jpg) no-repeat;
	text-indent:-9999em;
	height:40px;
	}

	#relatedProductsList{
	border:#adadad 1px solid;
	height:250px;
	margin:10px 0;
	padding:10px 0;
	overflow:hidden;
	}

		#relatedProductsList ul{
		list-style:none;
		margin:0;
		padding:0;
		}
		
		#relatedProductsList li{
		float:left;
		width:190px;
		overflow:hidden;
		}
		
			#relatedProductsList img{
			display:block;
			}
			
			#relatedProductsList a:link{
			text-decoration:none;
			}
			
			#relatedProductsList h4{
			text-transform:uppercase;
			font-weight:bold;
			}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	margin: 0 auto;
	}

#imageContainer{
	padding: 0;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.ninefoot.com/shop/scripts/lightbox/images/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.ninefoot.com/shop/scripts/lightbox/images/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	background-color: #fff;
	margin: 0 auto;
	padding-top:10px;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0; color: #666; }
#imageData #imageDetails{ width: 70%; padding-left:10px; float: left; text-align: left; }	
#imageData #caption{color:#252c3f;font-size:20px;font-weight:bold;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; padding-right:10px;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px; 
	background-color: #000;
 }

/******************************************************
*
*	CONTENT BLOCKS: TinyMCE overrides 
*
******************************************************/

body#tinymce.rowcolumn12 .mceTmpl {
	width: 224px;
}	
body#tinymce.rowcolumn32 .mceTmpl {
	width: 177px;
}	
body#tinymce.rowcolumn22 .mceTmpl {
	width: 527px;
}
/*Product showcase*/
body#tinymce.rowcolumn22 .mceTmpl .myshp_maincontent_products_showcase_tabs li a.mceItemAnchor {
	width: auto;
	line-height: normal;
}

/******************************************************
*
*	CONTENT BLOCKS: homeContent "Island Casuals"
*
******************************************************/
#home{
position:relative;
}

/* leave #ambassadors declarations until homepage transition is completed for all shops*/

#ambassadors{
background:#84aad9 url(http://www.ninefoot.com/shop/layout/Background-Ambassador.jpg) no-repeat;
padding-top:55px;
}

	#ambassadorsText{
	left:5px;
	position:absolute;
	top:660px;
	*top:663px;
	width:400px;
	padding:3px 10px;
	border:#fff 3px solid;
	background:#436d97;
	color:#fff;
	font-family:Georgia,"Times New Roman", Times, serif;
	line-height:2;
	text-align:center;
	}
	
	#ambassadorsText a{
	color:#fff;
	text-decoration:underline;
	}

	#ambassadors img{
	margin-left:5px;
	}
	
	#ambassadorImage1,
	#ambassadorImage2{
	}
	
/* end of: leave #ambassadors declarations until homepage transition is completed for all shops*/

#homeBanner1,
#homeBanner2{
margin-right:12px;

}
	
/******************************************************
*
*	CONTENT BLOCKS: pages "shared page tags"
*
******************************************************/
#pageContent{
border:#adadad 1px solid;
padding:10px 7px;
margin-top:10px;
font-family:Georgia,"Times New Roman", Times, serif;
line-height:2;
}

	#leftCol,
	#rightCol{
		float:left;
		width:360px;
		padding-left:15px;
		}
		
		#pageContent h3{
		font-family:Georgia,"Times New Roman",Times,serif;
		color:#333;
		margin-bottom:7px;
		font-weight:bold;
		}

		#pageContent p{
		margin-bottom:15px;
		}
		
		#pageContent ul{
		list-style:disc inside;
		margin-bottom:10px;
		}
		
		#pageContent ol{
		list-style:decimal inside;
		margin-bottom:10px;
		}

#pageContent a:link,
#pageContent a:visited,
#pageContent a:hover,
#pageContent a:focus,
#pageContent a:active{
color:#333;
}

#pageContent #helpContent a:link{
text-decoration:none;
}
#pageContent #helpContent a:visited{
text-decoration:none;
}
#pageContent #helpContent a:hover,
#pageContent #helpContent a:focus{
text-decoration:underline;
}
#pageContent #helpContent a:active{
text-decoration:none;
}

/******************************************************
*
*	CONTENT BLOCKS: setting height for specific pages 
*
******************************************************/
#ambassadorContent{
float:left;
width:380px;
padding:7px;
}
	
#contactContent{
height:200px;
}

#customerContent{
height:220px;
}

#deliveryContent{
height:380px;
}


#flagContent{
height:300px;
}

	.slogan{
	display:block;
	font-size:20px;
	}

#helpContent{
height:480px;
}

#heritageContent{
height:380px;
}

#ninefootContent{
height:365px;
}

#paymentContent{
height:430px;
}

#productContent{
height:390px;
}

#returnContent h3,
#sizesContent h3,
#termsContent h3{
text-decoration:none;
background:#97abc4;
text-indent:5px;
line-height:3;
color:#fff;
}

#shipContent{
height:260px;
}
	


/******************************************************
*
*	CONTENT BLOCKS: newsletter
*							
*
******************************************************/

.myshp_block.myshp_block_frame{
border:#adadad 1px solid;
padding:10px 7px;
margin-top:10px;
font-family:Georgia,"Times New Roman", Times, serif;
line-height:2;
width:784px;
}


	
/******************************************************
*
*	CONTENT BLOCKS: footerButtons
*
******************************************************/
#footerButtons{
clear:both;
}

	#footerImgSecond{
	margin:0 7px 0;
	}
/******************************************************
*
*	CONTENT BLOCKS: footerMenu
*
******************************************************/
#footerMenu{
background:url(http://www.ninefoot.com/shop/layout/Ninefoot-Stamp.jpg) no-repeat center center;
font-family:Georgia,"Times New Roman", Times, serif;
color:#252c3f;
height:150px;
}

	#footerMenu a{
	color:#252c3f;
	text-decoration:none;
	}

	#footerMenu div{
	background:transparent;
	width:130px;
	height:110px;
	float:left;
	}
	
	#footerMenu ul{
	list-style:none;
	margin:0;
	padding:0;
	}

	#footerMenu h3{
	text-transform:uppercase;
	font-size:12px;
	color:#252c3f;
	margin-bottom:15px;
	}

	#menuContact{
	margin-right:280px;
	}
	
	#footerMenu #menuContact{
	border-left:#bdc8da 1px solid;
	padding-left:15px;
	width:115px;
	}
	
	#footerMenu #menuStory{
	border-left:#bdc8da 1px solid;
	padding-left:15px;
	width:105px;
	}
	

 

