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

/*
Mats has asked me to look at this template and make adjustments where appropriate. 
Please see the original values have been commented out and new values documented appropriately.
These changes will need to be replicated for the webstore variation of the template.
*/

body {
  	margin:0;
  	padding:0;
  	font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
 	font-size: 11px; 
 	line-height:137%;
	color: #8a8a8a;
	/*background-image: url(../images/bg.gif);*/
}
	
html, body {height:100%;background:url(../images/main-bg_01.gif) top repeat-x #EAEAEA;}
h1, h2, p {margin-top:0px;padding-top:0px;}
.center {
	text-align: center;
}

body.contentpane {
	background-color: #ffffff;
	background-image: none;
}
/*----------------- browse style -----------------*/
.browse5_div {
	border: 1px dashed #D1DDE9;
	padding: 10px;
	width: auto !important;
	height: 173px;
	text-align: center;
	}
	
#product_list div {
	margin-bottom: 4px;
	}
/*----------------- headerstyles -----------------*/

#user6_div {
	float: right;
	}
#user5_div {
	border-right:1px solid #B1B0B0;
	float:left;
	padding-right:20px;
	width:493px;
	}
#container {
	margin: 0px auto;
	/*width: 1000px;*/
	width: 995px; /*In order to fit on a 1024x768 screen you actually need to set 995 px wide max to compensate for the addition of a scrollbar which subtracts from the available width on different browsers - k.v.*/
	/*border-left:1px solid #666666;
	border-right:1px solid #666666;*/
}

div.header {
	width: 100%;
	height:129px;
	padding: 0px;
	margin: 0px;
	background: url(../images/top_bg.jpg) top left repeat-x;
	/*position:relative;*/
	/*border:1px solid red;*/
}
div.headerLeft {width:580px;height:115px;float:left;}
/*div.headRight {width:420px;height:115px;float:left;}*/
div.headRight {
	width:415px;
	height:115px;
	float:right;
	/*border:1px solid red;*/
} /*Again... compensate for the new width of container*/

img.logo {
	margin:25px 0px 0px 25px;
}

div.header table {
	float:right;
	width:370px;
	/*margin-top:-45px;
	border:1px solid red;*/
}
ul.Icons#jw-sir {height:41px;}
	
td.top_menu  table{
	margin:45px 35px 0px 0px;
	/*border:1px solid red;*/
}	
	
td.top_menu  table td{
	text-align:right;
}

#logoHead  {position:relative;width:565px;height:66px;margin:25px 0 0 11px;
background: url(../../pure_nordic_inside/images/top-logo_03.gif) no-repeat;overflow:hidden}
#logoHead h1{display:inline;}
#logoHead h1 a{font-size:1px;color:#FFF;display:block;overflow:hidden;position:absolute;top:-10px;voice-family:"\"}\"";voice-family:inherit;width:565px;height:66px;}
	
a.mainlevel_top_menu:link, a.mainlevel_top_menu:visited {
	font:bold 12px "Trebuchet MS", Arial;
	text-transform:uppercase;
	text-decoration:none;
	padding:0px 12px 0px 12px;
	color:#474545;	
}

div.headericon {
	margin:15px 0px 20px 0px;
}
div.TopNav {padding-top:50px;}
a.mainlevel_top_menu:hover {
	text-decoration:underline;
}
div.footerContainer {
	height:83px;
	width:100%;
	vertical-align:top;
	padding-top:30px;
	background-color:#FFFFFF;
	float:left;
}
div.footer {
	height:83px;
	width:1000px;
	margin:0 auto;
}

div.moduletable_footer {
	font:bold 12px "Trebuchet MS", Arial;
	text-transform:uppercase;
	margin:0px auto;
	width:970px;
	color:#474545;
	display:block;
	/*border:1px solid red;*/
}

div.middle1 {
	/*width: 100%;*/ 
	width: 969px; /*Aligns the available space so that the float model with margins and padding does no overflow outside of the #container. Browsers are stupid.*/
	height:300px !important;
	height:299px;
	/*padding: 0px; */
	padding: 0px 14px; /*Propper alignment with lower column design and round corners*/
	/* margin: 0px;*/
	margin: 0px auto; /*ensure centering it now that you have a fixed width*/
	background:#FDFDFD url(../images/virtuemart_module_bg.jpg) top left no-repeat;
	/*border:1px solid red;*/
}

div.moduletable_fade_middle1 {
	/*width:560px;*/
	width:750px; /*It's a rotator module with fixed width specified in the admin back end*/
	margin-top:25px;
	float:left;
	/*border:1px solid red;*/
}

div.moduletable_right_menu {
	display:block;
	margin:25px 0px 0px 0px !important;
	margin:25px 0px 0px 0px;
	/*padding-left:10px;*/
	padding: 0px 10px 0px 0px; /*To fit correctly in line with the lower right column*/
	float:right;
	/*width:198px;*/
	width:186px; /*fit for new width of page and align with lower column's padding*/
	/*border:1px solid red;*/
}
		
a.mainlevel_right_menu:link, a.mainlevel_right_menu:visited {
	background:url(../images/menu_right.jpg) top left no-repeat;
	font:normal 11px Tahoma, Verdana;
	text-decoration:none;
	vertical-align:bottom;
	text-align:right;
	display:block;
	width:180px;
	height:22px;
	padding-top:5px;
	color:#474545;	
	/*border:1px solid red;*/
}
	
a.mainlevel_right_menu:hover {
	background:url(../images/menu_right_hover.jpg) top left no-repeat;
}	
		
div.blog_module {
	width: 100%;
	padding: 0px;
	margin: 0px;
	background:#EAEAEA;
	/*border:1px solid red;*/
}

div.left_blog {
	display:block;
	/*width: 769px;*/
	width: 767px; /*Adjusted to compensate for the new container width*/
	padding: 0px;
	float:left;
	margin: 0px !important;	
	margin: 1px 0px 0px 0px;
	background:url(http://purenordic.com.au/portal/templates/pure_nordic/images/new-blog-bg_04.gif) repeat-y left;
	/*border:1px solid red;*/
}
/*div.left_blog_mid {width:764px;padding-top:0;margin-top:0;}*/
div.left_blog_mid {width:767px;padding-top:0;margin-top:0;} /*Adjusted to compensate for the new container width */
/*div.bot {width:100%;float:left;width: 769px;} */
div.bot {width:100%;float:left;width: 767px;} /*Adjusted to compensate for the new container width */

div.right_blog {
	background:#EAEAEA url(../images/blog_right_bg.jpg) top left repeat-x;
	display:block;
	/*width: 231px;*/
	width: 228px; /*228px plus the left_blog width is 995px*/
	padding: 0px;	
	float:left;	
	position:inherit !important;	
	position:absolute;	
	margin:0px 0px 0px 0px !important;
	margin: 1px 0px 0px -2px;
	/*border:1px solid red;*/
}

	
div.moduletable_feature_products {
	/*border:1px solid black;*/
	width:200px;
	float:left;
	margin-top:10px;
}

div.moduletable_feature_products span{
	display:none;
}

div.moduletable_feature_products img {
	width:62px;
	height:104px;
	margin:0px 2px 0px 2px;
	border:3px double #CCCCCC;
}

div.moduletable_what_news {
	width:231px;
	height:260px;
	display:block;
	vertical-align:top;
	/*border:1px solid #CC0000;*/
}

div.moduletable_what_news H3 {
	font:bolder 24px "Trebuchet MS", Arial;
	text-transform:lowercase;
	padding:0px 16px 0px 0px;
	margin:5px 0px 0px 0px;
	text-align:right;
	color:#42A4FF;
	/*border:1px solid black;*/
}

div.flexcontentitem_what_news H3 {
	font:bolder 15px "Trebuchet MS", Arial;
	text-transform:uppercase;
	margin:0px 16px 3px 16px;
	padding:0px;
	text-align:right;
	color:#42A4FF;
	display:block;
	border-bottom:1px solid #959595;
	/*border:1px solid blue;*/
}

div.flexcontentitem_what_news {
	/*border:1px solid blue;*/
	margin:0px;
}


div.flexcontent_what_news {
	margin:0px;
	/*border:1px solid red;*/
}

div.flexcontentitem_what_news img {
	margin-left:5px;
}

div.flexcontentitem_what_news p {
	font:bold 13px "Trebuchet MS", Arial;	
	padding:4px 16px 4px 10px;
	text-align:right;
	color:#313131;
	margin:0px;	
}

div.moduletable_contact {
	background:url(../images/contact_bg.jpg) top left no-repeat;
	width:221px;
	height:139px;
	display:block;
	margin:0px 0px 0px 2px;
	float:left;
	/*border:1px solid blue;*/
}

div.contact_title {
	font:bold 24px "Trebuchet MS", Arial;	
	padding:13px 0px 0px 15px;
	margin:0px;	
	text-align:left;
	color:#43a5ff;
}

div.moduletable_contact a:link, div.moduletable_contact a:visited {
	font:bolder 13px "Century Gothic", "Trebuchet MS", Arial;	
	text-decoration:none;
	margin:0px;	
	display:block;
	text-align:left;
	color:#5D5D5D;
	/*border:1px solid blue;*/
}


div.contact_item {
	font:bold 14px "Century Gothic", "Trebuchet MS", Arial;	
	padding:3px 0px 0px 15px;
	text-decoration:none;
	margin:0px;	
	text-align:left;
	color:#474545;
}
div.contact_itemTwo {
	font:bold 14px "Century Gothic", "Trebuchet MS", Arial;	
	padding:12px 0px 0px 15px;
	text-decoration:none;
	margin:0px;	
	text-align:left;
	color:#474545;
}
div.contact_itemTwo a {
	text-decoration:none;
	color:#474545;
	margin:0px;
	padding:0px;
}
div.contact_itemTwo a:hover {
	text-decoration:none;
	color:#43a5ff;
}
div.moduletable_blog_front_end {	
	/*margin:0 15px 0px 30px;*/
	display:block;
	/*border:1px solid blue;*/
}

div.moduletable_blog_front_end H1 {	
	font:bold 46px "Century Gothic", "Trebuchet MS", Arial;	
	text-transform:lowercase;
	color:#474545;
	display:block;
	float:left;
	margin:0px;
	/*border:1px solid blue;*/
}

div.moduletable_blog_front_end H3{
	font:bolder 14px "Century Gothic", "Trebuchet MS", Arial;	
	text-transform:uppercase;
	color:#535353;
	display:block;
	padding:16px 0 0 0;
	margin:0;
	/*border:1px solid blue;*/
}
.main-content {
	background:url(../images/new-blog-bg_02.gif) 0px 0px no-repeat;
	min-height:400px;
	height:auto !important;
	height:400px;
	padding:0 15px 0px 30px;
	font-weight:normal;
	margin-top:0px;
	/*border:1px solid #0000FF;*/
}
td.contentheading {
	font:bold 26px "Century Gothic", "Trebuchet MS", Arial;	
	text-transform:lowercase;
	color:#474545;
	display:block;
	float:left;
	margin:0px;
}

div.title1 {
	font: bold 13px "Trebuchet MS", Arial;
	color:#474545;
	display:block;
	text-align:justify;
	margin:12px 0px 25px 0px;
	/*border:1px solid blue;*/
}
	
div.moduletable_blog_front_end ul{
	font: bold 13px "Trebuchet MS", Arial;
	color:#474545;
	width:680px;
	display:block;
	text-align:justify;
	margin:0px;
	padding-left:25px;
	line-height:160%;
	/*border:1px solid blue;*/
}	

a.blog_link:link, a.blog_link:visited {
	font: bold 13px "Trebuchet MS", Arial;
	color:#3282CC;
	display:block;
	width:80px;
	margin:16px 0px 0px 10px;
	text-align:justify;
	text-decoration:none;
}

a.blog_link:hover {
	text-decoration:underline;
}

.componentheading {font:bold 24px "Century Gothic", "Trebuchet MS", Arial;text-transform:capitalize;color:#333333;}
#mod_search_searchword {margin:8px 0 8px 8px;background:#FFF;border:1px solid #666;}


div.moduletablelettermansubscribe {
	/*border:1px solid red;*/
	text-align:left;
	margin-bottom:10px;
}

div.moduletablelettermansubscribe H3{
	font:bolder 24px "Trebuchet MS", Arial;
	text-transform:lowercase;
	padding:0px 16px 0px 0px;
	margin:5px 0px 0px 0px;
	color:#42A4FF;
}


div.moduletablelettermansubscribe p{
	font: 14px "Trebuchet MS", Arial;
	color:#333333;
	padding:0px 16px 0px 0px;
	text-align:left;
	/*border:1px solid red;*/
}
div.moduletablelettermansubscribe input.button{
	/*float:right;*/
	margin:16px 0 0 0;
	/*border:1px solid red;*/
}

a.sublevel_top_menu:link, a.sublevel_top_menu:visited {
	font: bold 11px Tahoma, Verdana;
	color:#000000;
	display:block;	
	width:140px;
	line-height:170%;
	text-align:justify;
	text-decoration:none;
	/*border:1px solid red;*/
}

a.sublevel_top_menu:hover {
	color:#3282CC;
	text-decoration:underline;
}


/*======================================== VIRTUEMART ============================================*/
div.main-content {
	font: bold 16px "Trebuchet MS", Arial;
	color:#3282CC;
	padding:30px 10px 0px 30px; 
	/*border:1px solid blue;*/
}
div.main-content a {color:#42A4FF;}
div.main-content a:hover {color:#990000}
a.pathway:link, a.pathway:visited {
	text-decoration:none;
}

a.pathway:hover {
	text-decoration:underline;
}

div.main-content h1 {
	color:#333333;
}

div.main-content h2 {
	color:#333333;
}

div.main-content {
	font: bold 14px "Trebuchet MS", Arial;
	color:#666666;
}

div#vm_product_description_class a:link, div#vm_product_description_class a:visited {
	color: #990000;
	text-decoration:none;
}

div#vm_product_description_class a:hover {
	text-decoration:underline;
}

p.vm_product_short_description {
	font: normal 12px Arial, Helvetica, sans-serif;
}

p.vm_product_short_description a{
	font-size:12px;
	margin-top:5px;
	display:block;
}

td.vm_product_description {
	width:440px;
	/*border:1px solid blue;*/
}

td.vm_product_image {
	width:90px;
	/*border:1px solid red;*/
}

table.vm_product_price_table {
	background:url(../images/image2.jpg) top left no-repeat !important;
	background:url(../images/image2.jpg) 15px 0px no-repeat;
	width:254px;
	height:114px;
	/*border:1px solid red;*/
}

div#vm_product_price_panel_class {
	display:block;
	font-size:12px;
	width:86px;
	vertical-align:middle;
	text-transform:capitalize;
	margin:10px 0px 0px 10px !important;
	padding-left:0px !important;
	padding-left:15px;
	/*border:1px solid red;*/
}

div#vm_product_addtocart_class {
	display:block;
	text-transform:capitalize;
	margin:10px 0px 0px 10px;
	/*border:1px solid red;*/
}

table.vm_product_table {
	border-bottom:2px dotted #666666;
	width:100%;
	margin-bottom:0px !important;
	*margin-bottom:10px !important;
	padding-bottom:0px !important;
	*padding-bottom:10px !important;
}

div.vm_module {
	/*border:1px dotted #666666;*/
	float:right;
	width:254px;
	display:block;
}


span.pagenav {
	color:#333333;
}

div.moduletableCart {
	font:bold 13px "Trebuchet MS", Arial;	
	padding:10px 16px 4px 10px;
	text-align:right;
	color:#313131;
	margin:0px;	
}

div.moduletableCart h3 {
	font:bold 24px "Trebuchet MS", Arial;
	text-transform:lowercase;
	margin:0 0 3px 16px;
	padding:0px;
	text-align:right;
	color:#42A4FF;
	display:block;
	border-bottom:1px solid #959595;
}

div.moduletableCart a {
	color:#313131;
}

a.view_all_items:link, a.view_all_items:visited {
	font:bold 13px "Trebuchet MS", Arial;
	color:#666666;
	float:right;
	margin:88px 25px 0px 0px;
	text-decoration:none;
	/*border:1px solid red;*/
}

a.view_all_items:hover {
	text-decoration:underline;
}


/*======================================== BLOG ============================================*/
div#myBlog-content {
	color:#666666;
	font-weight:normal;
}

div.postSummary {
	font-weight:normal;
}

div.postSummary-teaser ul{
	font-weight:normal;
	display:block;
	/*border:1px solid #0000CC;*/
}

div.postSummary-teaser ul li{
	display:block;
	margin:0px 20px 0px 20px;
	list-style-position:inside;
	font-weight:normal;
	/*border:1px solid #0000CC;*/
}

div.postContent p{
	font-weight:normal;
	color:#666666;
}

div.postContent ul{
	font-weight:normal;
	color:#666666;
}

div.postContent ul li{
	display:block;
	margin:0px 20px 0px 20px;
	list-style-position:inside;
	font-weight:normal;
	/*border:1px solid #0000CC;*/
}

div.postContent-text {
	font-weight:normal;
	display:block;
	color:#666666;
	padding:10px 0px 20px 0px;
	/*border:1px solid red;*/
}