@import url(theme.css);  /* colour file */ 

body {

  margin:0;

  padding:0;

  font-family: Arial, Verdana, Helvetica, sans-serif;

  font-size: 11px; 

  line-height:180%;

  background-color: #ffffff;

  color: #ffffff;

  background: url(../images/top_repeat.gif) repeat-x; 

}

.center {

	text-align: center;

	}

body.contentpane {

	background-color: #000000;

	background-image: none;

	}

/*----------------- headerstyles -----------------*/



#zoomgallery table tbody tr td div {



}

.img-shadow {

	float: none !important;

}

/* white/default */

#container {

	margin: 0px auto;

	width: 995px;

	padding: 0px;

	background: #ffffff url(../images/top_repeat.gif) repeat-x; 

	}

table.maintable {

	width: 100%;

	margin: 0px 0px;

	padding: 0px;

	border-top: 20px solid #d32329;

	}

.menu_box {

	background: #ffffff url(../images/top_repeat.gif) top repeat-x;

	width: 190px;

	padding: 177px 0px 0px;

	font-size: 12px;

	line-height: 24px;

	}

#content_box {

	background: #000000 url(../images/block_repeat.gif) top repeat-x;

	padding: 99px 0px 0px;

	}

#inside_table {

	width: 678px;

	}

#text_box {

	padding: 37px 18px 9px 1px; /*37px 52px 16px 0px;*/

	}

#left_box {

	padding: 0px 0px 0px 30px;

	}

#left_box_front {

	background: #ffffff url(../images/womanistheocean-homepage-splash.jpg) no-repeat;
	/*background: #ffffff url(http://tengdahl.com/portal/images/stories/cruise-homepage-splash.jpg) no-repeat;*/ /* ALSO CHANGE LINE 85 jenn to remove this after campaign */

	padding: 0px 0px 0px 11px;

	}

#content_body {

	padding: 161px 59px 0px 75px;

	width: 520px;

}

span.article_seperator {

	display: none;

}

#logo_icon {

	margin-top: 57px;

	margin-left: 218px;

	float: left;

	position:absolute;

	}

#menubar {

	background-color: #f6f6f6;

	text-transform: uppercase;

	border-bottom: 1px solid #e8e8e8;

	border-top: 1px solid #e8e8e8;

	margin: 0px;

	text-align: left;

	}

#footer_box {

	color:#666666;

	text-align:right;

	padding:2px 10px 2px 2px; /*2px;*/

}

.zoom_navigation {

	margin: 30px;

}

.footer {

	color: #666666;

	font-size:0.9em;

	padding: 0px;

	}

table.main {

	padding: 10px 0px 0px 0px;

	width: 100%;

	margin: 0px;

	}

#mainbody {

	padding: 10px;

	margin: 0px;

	text-align: left;

	}

#left {

	margin: 0px 0px 0 0;

	padding: 0px;

	font-size: 11px;

	}

#right {

	margin: 0px;

	padding: 0px;

	font-size: 11px;

	}

#right ul li, #left ul li {

	text-align: left;

	}

.moduletableusernav {

	text-align: right;

	width: 100%;

	}

.mainlevelusernav {

	color: #999999;

	}

/*---------------------------------- Sidebar newsfeeds ----------------------------------*/

ul.newsfeed {

	list-style-type: none;

	list-style-image: none;

	margin: 3px 0 0 0;

	padding: 0;

	}

.newsfeed li{

	list-style: none;

	margin: 0;

	padding: 0.3em 0em;

	border-top: 1px solid #cccccc;

	font-weight: normal;

	font-size: 10px;

	line-height: 11px;

	}

ul.latestnews {

	list-style-type: none;

	list-style-image: none;

	margin: 3px 0 0 0;

	padding: 0;

	}

.latestnews li{

	list-style: none;

	margin: 0;

	padding: 0.3em 0em;

	border-top: 1px solid #cccccc;

	font-weight: normal;

	font-size: 10px;

	line-height: 11px;

	}

/*---------------------------------- Sidebar Menu ----------------------------------*/	







#menu a.mainlevel:link, #menu a.mainlevel:visited {

	display: block;

	background-color: #cccccc;

	font-size: 9px;

	font-weight: bold;

	color: #333333;

	text-align: left;

	height: 16px;

	line-height: 16px;

	text-indent: 15px;

	text-transform:uppercase;

	border-bottom: 1px solid #ffffff;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	}

#menu a.mainlevel:hover {

	background-color: #666666;

	text-decoration: none;

	font-weight: bold;

	color: #ffffff;

	text-transform:uppercase;

	}

#menu .mainlevel {

	display: block;

	background-color: #cccccc;

	font-size: 9px;

	font-weight: bold;

	color: #333333;

	text-align: left;

	height: 16px;

	line-height: 16px;

	text-indent: 15px;

	text-transform:uppercase;

	}

#menu a.sublevel:link, #menu a.sublevel:visited {

	display: block;

	background-color: #cccccc;

	font-size: 9px;

	font-weight: bold;

	color: #333333;

	text-align: left;

	height: 16px;

	line-height: 16px;

	text-indent: 15px;

	text-transform:uppercase;

	background-image:url(../images/arrow2.gif);

	background-repeat: no-repeat;

	}

#menu a.sublevel:hover {

	background-color: #666666;

	text-decoration: none;

	font-weight: bold;

	color: #ffffff;

	text-transform:uppercase;

	}

table.moduletable td {

	padding: 0px;

	}





/*---------------------------------- webstore ----------------------------------*/

table.vm_product_table {

	border-bottom: 1px dotted #cccccc;

	padding: 0px 0px 5px 0px;

	margin: 0px 0px 10px 0px;

	border-collapse:collapse;

	text-align: left;

	}

#vm_product_description_class h3{

	font-size: 1.2em;

	text-align: left;

	}

.vm_product_qty_in_stock {

	font-size: 9px;

	text-align: left;

	}

.vm_product_image{

	padding-right: 5px;

	width: 95px;

	text-align: center;

	}

#vm_product_price_panel_class {

	width: 90px;

	padding: 5px;

	text-align: left;

	}

td.vm_product_description {

	text-align: left;

	}

table.vm_product_price_table {

	width: 250px;

	padding: 0px 0px;

	text-align: left;

	}

#vm_product_addtocart_class {

	width: 160px;

	text-align: left;

	padding: 5px;

	}

.vm_product_price_table {

	width: 100%;

	text-align: left;

	}

.vm_addtocart_submit {

	padding: 0px 0px 0px 0px;

	text-align: left;

	}

.vm_price_panel_heading {

	font-weight: bold;

	text-align: left;

	font-style:italic;

	}

.vm_price_panel_rrp_label{

	text-align: left;

	}

.vm_price_panel_rrp{

	color: #d32329;

	font-weight: bold;

	text-align: left;

	}

.vm_price_panel_heading_nosale {

	font-weight: bold;

	text-align: left;

	font-style:italic;

	}

.vm_price_panel_rrp_nosale{

	color: #d32329;

	text-align: left;

	font-size: 1.4em;

	font-weight: bold;

	}

.vm_price_nosale {

	padding: 15px 0px 0px 0px;

	text-align: left;

	}

.vm_price_panel_saving_label{

	text-transform: uppercase;

	font-weight: bold;

	text-align: left;

	}

.vm_price {

	padding: 0px 0px 5px 0px;

	text-align: left;

	}

.vm_saleprice {

	padding: 0px 0px 5px 0px;

	text-align: left;

	}

.vm_price_panel_special_price{

	color: #d32329;

	padding-bottom: 10px;

	font-size: 1.4em;

	text-align: left;

	font-weight: bold;

	}

.vm_price_panel_currency{

	font-size: 8px;

	text-align: left;

	}

.vm_price_panel_saving{

	color: #d32329;

	font-weight: bold;

	font-size: 1.2em;

	background-color: #ffffff;

	border: 1px solid #cccccc;

	padding: 0px 3px;

	line-height: 20px;

	text-align: left;

	}

.vm_space {

	

	}

.vm_addtocart_quantity_label{

	text-align: left;

	}

div.vm_module{

	width: 250px;

	margin-bottom: 5px;

	margin-top: 0px;

	margin-left: 2px;

	margin-right: 0px;

	text-align: left;

	background: transparent url(../images/modstore_middle.gif) left repeat-y;

	}

div.vm_module div {

	width: 100%;

	text-align: left;

	background: transparent url(../images/modstore_top.gif) top left no-repeat;

	}

div.vm_module div div{

	text-align: left;

	width: 100%;

	background: transparent url(../images/modstore_bottom.gif)  bottom left no-repeat;

	}

div.vm_module div div div {

	background: transparent;

	text-align: left;

	}

div.vm_module div div div table {

	background: transparent;

	text-align: left;

	}



/*---------------------------------- Layout styles ----------------------------------*/



#logo {

	padding: 25px 0px 20px 25px;

	text-align: left;

	font-size: 1.8em;

	line-height: normal;

	}

.login_form {

	color: #999999;

	}

#login {

	padding: 2px 0px;



	}

#search {

	padding: 0px 5px 0px 0px;

	float: right;

	}

.banner {

	padding: 5px 0px 5px 5px;

	}

.padding {

	padding: 1px;

	}

.breadcrumbs {

	color: #666666;

	font-size: 9px;

	margin-bottom: 5px;

	}

/*---------------------------------- forms ----------------------------------*/



.inputbox {

	background-color:#000000 !important;

	border:1px solid #7E7E7E;

	color:#CCCCCC;

	font-family:Arial,Verdana,Helvetica,sans-serif;

	font-size:12px;

	margin:0px;

	padding:2px;

	text-decoration:none;

	}

.inputboxsearch {

	font-size: 9px; 

	color: #333333; 

	text-decoration: none; 

	background-color: #ebebeb; 	

	border: 1px solid #e8e8e8;

	padding: 1px;

	margin: 0px;

	font-family:Arial, Verdana, Helvetica, sans-serif;

	}

.button {

	background-color:#2E2E2E;

	border:1px solid #666666;

	color:#CCCCCC;

	font-size:9px;

	font-weight:normal;

	margin:1px;

	padding:1px 5px;

	text-align:center;

	width:auto;

 	}



/*---------------------------------- Module Box Styles ----------------------------------*/



/* default */

div.module, div.modulesidebar, div.modulestore{

	width: 180px;

	margin-bottom: 0px;

	margin-top: 10px;

	margin-left: 1px;

	margin-right: 1px;

	padding: 0px;

	/*border: 1px solid #dddddd;*/ /* -=-=-Kevin Adding FIX-=-=- */

	background: transparent url(../images/mod_middle.gif) left repeat-y; /* -=-=-Kevin Adding FIX-=-=- */

	}

div.module div, div.modulesidebar div, div.modulestore div  {

	background: transparent url(../images/mod_top.gif) top left no-repeat; /* -=-=-Kevin Adding FIX-=-=- */

	width: 180px;

	}

div.module div div, div.modulesidebar div div, div.modulestore div div {

	width: 180px;

	background: transparent url(../images/mod_bottom.gif)  bottom left no-repeat; /* -=-=-Kevin Adding FIX-=-=- */

	}

div.module div div div, div.modulesidebar div div div, div.modulestore div div div {

	width: 170px;



	padding-top: 0px;

	background: transparent;

	padding-bottom: 10px;

	font-size: 11px;

	}

div.module div div div table {

	width: 160px;

	background: transparent;

	}	

	

div.module div div div h3, div.modulesidebar div div div h3, div.modulestore div div div h3 {

	display:block;

	margin: 0px -5px 10px -5px;

	padding: 1px 0px 0px 0px;

	line-height: inherit;

	text-align: center;

	line-height: normal;

	font-size: 11px;

	color: #666666;

	text-transform: uppercase;

	/*background-color: #cccccc;*/ /* -=-=-Kevin Adding FIX-=-=- */

	}

div.module div div div div, div.modulesidebar div div div div, div.modulestore div div div div{

	padding: 0px;

	margin: 0px;

	}



/* box text styling*/

.box1 {

	text-align: center;

	padding: 0px 10px;

	margin: 0px 5px;

	}

.box2 {

	text-align: left;

	}

.boxtext {

	font-size: 0.9em;

	text-align: center;

	padding: 2px 6px;

	}

.go {

	margin: 0 5px 0 0;

	padding: 0.1em 0.3em 0.2em 0.5em;

	color:#333333;

	font-size: 9px;

	text-align: right;

	font-family: Verdana, arial, Helvetica, sans-serif;

	}

.gobar {

	text-align:right;

	margin: 0;

	padding: 0;

	}

.arrow {

	background-image:url(../images/arrowwhite.png);

	background-repeat: no-repeat;

	margin: 0 0 0 3px;

	padding: 0 5px 0 0;

	}

	

/*---------------------------------- tables ----------------------------------*/



table.moduletablestore td {

	font-size: 11px;

	padding: 0px;  /* no padding on the sidebar boxes else creates a border */

	margin: 0px;

	font-weight: normal;

	text-align: left;

	line-height: 1.0em;

	}

table.moduletablestore .mainlevel {

	line-height: 1.6em;

	padding: 0 0 0 5px;

	}

table.contentpaneopen {

	padding: 0px;

	border-collapse: collapse;

	width: 100%;

	}	

tr.sectiontableentry1 td, .sectiontableentry1, td.sectiontableentry1 {

	background-color: #000000;

	padding: 1px 5px;

	} 

tr.sectiontableentry2 td, .sectiontableentry2, td.sectiontableentry2 {

	padding: 1px 5px;

	background-color: #000000

	} 

.sectiontableheader, tr.sectiontableheader {

	font-weight: bold;

	padding: 0 0 0 5px;

	margin: 0;

	background-color: #d32329;

	color: #ffffff;

	}

/*---------------------------------- typography ----------------------------------*/



a, a:link, a:visited, a:hover, a:focus, a:active { border:none; }

a img,:link img,:visited img { border:none; }

#left a.mainlevel {font-weight: normal;}

A.pathway:link, a:link {color: #d90119; text-decoration: none;}

A.pathway:visited, A:visited {color: #d90119; text-decoration: none;}

A.pathway:active, A:active {color: #d90119; text-decoration: underline;}

A.pathway:hover, A:hover{color:#d90119; text-decoration: underline;}



.footer a:link {color: #666666; text-decoration: none;}

.footer A:visited {color: #777777; text-decoration: none;}

.footer A:active {color: #ffffff; text-decoration: underline;}

.footer A:hover{color:#ffffff; text-decoration: underline;}



.sectiontableheader a:link {color: #666666; text-decoration: none;}

.sectiontableheader A:visited {color: #777777; text-decoration: none;}

.sectiontableheader A:active {color: #ffffff; text-decoration: underline;}

.sectiontableheader A:hover{color:#ffffff; text-decoration: underline;}



.menu_box a:link { padding-right: 25px; padding-left: 15px; color: #d90119; text-decoration: none;}

.menu_box A:visited { padding-right: 25px; padding-left: 15px; color: #d90119; text-decoration: none;}

.menu_box A:active { padding-right: 25px; padding-left: 15px; display: block; color: #ffffff; }

.menu_box A:hover{ padding-right: 25px; padding-left: 15px; display: block; color:#ffffff; background-color:#000000;}



.catid-3 a:link {font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none;}

.catid-3 A:visited {font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none;}

.catid-3 A:active {font-size: 12px; font-weight: bold; color: #d90119; text-decoration: none;}

.catid-3 A:hover{font-size: 12px; font-weight: bold; color:#ffffff; text-decoration: underline;}

.catid-3 h2 { text-align: left; }



a.mainlevelusernav {font-weight:normal;}



h1,.componentheading,a.contentheading:link,a.contentheading:visited,.contentpagetitle,a.contentpagetitle:link,a.contentpagetitle:visited, tr.contentheading  {

	font-size: 18px;

	font-weight: normal;

	margin-top: 0em;

	margin-bottom: 0em;/* to deal with compound ie pc problems*/

	line-height: 51px;

	color: #ffffff;

	}

td.contentdescription {

	padding-bottom: 10px;

	font-size: 14px;

	}

.contentdescription, table.contentpane td.contentheading,.contentheading {

	line-height: 51px;

	font-size: 18px;

	color: #ffffff;

	}

h2 {

	font-size: 16px;

	font-weight: bold;

	line-height: normal;

	}

h3 {

	color: #686868;

	font-size: 13px;

	font-weight: bold;

	line-height: normal;

	}

h4 {

	font-size: 1.2em;

	font-weight: bold;

	line-height: normal;

	}

h5 {

	font-size: 1.0em;

	font-weight: bold;

	line-height: normal;

	}

h6 {

	font-size: 0.8em;

	font-weight: bold;

	line-height: normal;

	}

img {

	border: 0;

	}

ol, ul, li {

	list-style: none;

	font-size: 1.0em;

	margin-top: 0.2em;

	margin-bottom: 0.1em; 

	}

ul { 

	margin-bottom: 1.0em;

	}

p, td, tr, div {

	font-size: 13px;

	line-height: 15.5px;

	color: #cccccc;

	font-family: Arial, sans-serif;

	}

.tree ul li {

	color: #FFFFFF;

	}

.tree {

	font-size: 12px;

	}

.text {

	font-size: 11px;

	}

li > p {

	margin-top: 0.2em;

	}

pre {

	font-family: monospace;

	font-size: 1.0em;

	}

strong, b {

	font-weight: bold;

	}

.small {

	font-size: 9px;

	}

small {

	font-size: 9px;

	}

table.blog {

	width: 100%;

	margin: 0;

	padding: 0;

	}

#overDiv  {

	font-size: 8px;

	font-style:normal;

	top: 0;

	left: 0;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	}

#introtext {

	font-size: 10px;

	}

table.moduletablestore td {

	font-size: 11px;

	padding: 0px;  /* no padding on the sidebar boxes else creates a border */

	margin: 0px;

	font-weight: normal;

	text-align: left;

	line-height: 1.0em;

	}

table.moduletablestore .mainlevel {

	line-height: 1.6em;

	padding: 0 0 0 5px;

	}

table.contentpaneopen {

	padding: 0px;

	border-collapse: collapse;

	width: 100%;

	border: none;

	}

table.contentpane {

	padding: 0px;

	margin: 0;

	}

table.contentpane tr td table tr td table tr td {

	font-size: 9px;



	padding: 0px;

	margin: 0px;

	}

table.contentpane tr td table tr td table tr td .inputbox {

	font-size: 9px; 



	}

#tabcontainer {

	overflow-y:scroll;

	overflow-x: hidden;

	height: 260px;

	width: 120px;

	}

.powered {

	margin: 1px;

	}

div.row span.leftalign {

  float: left;

  text-align: left;

  width: 49%;

  }

div.row span.rightalign {

  float: right;

  text-align: right;

  width: 49%;

  }

/* --------------- Lightbox 2.0 ------------- */

#lightbox{

	position: absolute;

	top: 40px;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#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(../images/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(../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }





#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	}



#imageData{

	padding:0 10px;

	}

#imageData #imageDetails{ width: 77%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold; color: #444444;}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; padding-top: 10px; }			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

		

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 5100px !important;

	background-color: #000;

	filter:alpha(opacity=60);

	-moz-opacity: 0.6;

	opacity: 0.6;

	}

	

/*----------------- clear fix -----------------*/  

.clear {

	clear:both;

	margin-bottom: -1px; /* for Gecko-based browsers */

	overflow:hidden;

	padding-bottom: 1px; /* for Gecko-based browsers */

	}

.clearfix:after {

	clear: both; 

	content: "."; 

	display: block; 

	height: 0; 

	visibility: hidden;

	}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */