/* LAYOUT */


body{		background-color:#DAE1E6;
		color:#444;
		font-size:11px;
		line-height:1.3em;
		font-family:helvetica,arial,verdana,sans-serif;
		text-align:center;
		margin:0px;
		padding:0px;
		}

a{		color:#D11100;
		text-decoration:none;
		}
a:hover{	text-decoration:underline;
		}
		#imagebox_right
		{
			float: right ;
			border-style :solid ;
			border-width :1px;	
			
		}

input{		border:1px solid #B7C4CE;
		}	

H1{		padding:0px;
		margin:0px;
		border:0px;
		font-size:17px;
		line-height:22px;
		text-decoration:none;
		font-weight:normal;
		}
H3{		padding:0px;
		margin:0px;
		border:0px;
		font-size:14px;
		line-height:20px;
		text-decoration:none;
		font-weight:normal;
		padding-bottom:5px;
		}		
		

/* LAYOUT - FRAMEWORK ----------------------- */	

#imagebox_right
		{
			float: right ;
			border-style :solid ;
			border-width :1px;	
			
		}
#bgcontainer{	width:100%;
		overflow:hidden;
		background-image:url(gfx/bg.jpg);
		background-repeat:repeat-x;
		background-color:#FDFEFE;
		min-height:630px;
		}

#wrap{		width:954px;
		overflow:hidden;
		margin-left:auto;
		margin-right:auto;
		border-left:1px solid #fff;
		border-right:1px solid #fff;
		text-align:left;
		padding:10px;
		background-image:url(gfx/wrapbg.jpg);
		background-repeat:repeat-x;
		background-color:#fff;
		}
#top{		height:103px;
		width:974px;
		border-left:1px solid #fff;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
		background-image:url(gfx/topbg.jpg);
		background-repeat:repeat-x;
		position:relative;
		margin-left:auto;
		margin-right:auto;
		}
#toplogo{	position:absolute;
		left:10px;
		top:11px;
		border:0px;
		}		
#topmenu{	height:29px;
		line-height:29px;
		position:absolute;
		left:10px;
		bottom:0px;
		font-size:12px;
		text-transform:uppercase;		
		}		
#menutable
		{
	   
		}
#bottom{	width:100%;
		background-image:url(gfx/footerbg.jpg);
		background-repeat:repeat-x;
		min-height:211px;
		height:auto !important;
		height:211px;

		}	
#footer{	width:954px;
		margin-left:auto;
		margin-right:auto;
		border:1px solid #fff;
		padding-top:24px;
		padding-bottom:16px;
		padding-left:10px;
		padding-right:10px;
		text-align:left;
		position:relative;
		min-height:90px;
		height:auto !important;
		height:100px;

		}
#bottomlogo{	position:absolute;
		right:10px;
		top:31px;
		border:0px;
		}
		
/* COLUMN LAYOUT - using table for compatibility. 3 columns. */

#columntable{	width:956px;
		font-size:11px;		
		padding:0px;
		margin:0px;
		}
		
#left{		width:250px;
		vertical-align:top;
		height:400px;		
		}
#mid{		width:690px;
		padding-left:10px;
		padding-right:6px;
		vertical-align:top;	
		}
#right{		width:168px;
		vertical-align:top;
		}

/* BOXES FOR VARIOUS OPTIONAL FEATURES IN OUTER COLUMNS */		

.extrabox{	width:151px;
		padding:7px;
		padding-top:24px;
		font-size:11px;
		background-color:#D8E4ED;
		background-repeat:no-repeat;
		background-position:left top;
		margin-bottom:8px;
		}
		
/* SPECIFIC BOX STYLES */

.cart{		border:1px solid #AEC763;
		background-image:url(gfx/cartbox.jpg);
		}
.search{	border:1px solid #67696B;
		background-image:url(gfx/searchbox.jpg);
		}
.login{		border:1px solid #D52719;
		background-image:url(gfx/loginbox.jpg);
		}		
.email{		border:1px solid #B7C5CE;
		background-image:url(gfx/emailbox.jpg);
		}

/* BUTTONS & TEXT FIELDS */

#txtsearch{	width:150px;
		margin-bottom:4px;
		}
input.submit-btn{
		padding:1px;
		color:#fff;
		border:1px solid #95B521;
		font-size:10px;
		font-family:tahoma,verdana,arial;
		background-color:transparent;
		background-image:url(gfx/greenbtn.jpg);
		background-repeat:repeat-x;
		font-weight:bold;
		}
#btnsearch2{	width:145px;
		margin-top:4px;
		}	
#btnsearch3{	width:145px;
		margin-top:4px;
		}
#txtuser, #txtpass{
		width:86px;
		margin-top:2px;
		margin-left:4px;
		}
#btnlogin{	margin-top:4px;
		text-align:right;
		}		
#txtEmail{	width:150px;
		margin-top:4px;
		margin-bottom:4px;
		}
.noborder{	border:0px solid;}		

/* PRODUCT BOX LARGE */


.productboxes{	width:604px;border:0px solid;}

.productbox{	width:137px;
		height:210px;
		border:1px solid #B7C5CE;
		background-color:#fff;
		padding:4px;
		position:relative;
		overflow:hidden;
		margin-right:4px;
		margin-bottom:4px;
		}
.productbox H4{	padding:0px;
		padding-bottom:2px;
		margin:0px;
		font-size:11px;
		font-weight:bold;
		color:#D11100;
		}
.merinfo{	position:absolute;
		left:2px;
		bottom:2px;
		}
.kjopna{	position:absolute;
		right:2px;
		bottom:2px;
		}
.midbanner{	margin-bottom:4px;}

/* PRODUCT LIST - ROWS */

.productlistheader{
		width:598px;
		padding:2px;
		background-color:#D8E4ED;
		border:1px solid #B7C5CF;
		margin-bottom:4px;
		}
.productlistrows{
		width:598px;
		padding:2px;
		}
.productlistrows input{font-size:10px;}		
.oddline{	background-color:#D8E4ED;
		}
.productlistpager{
		width:598px;
		margin-top:4px;
		border-top:1px solid #B7C5CF;
		padding:2px;
		}
.tdstockno{	width:70px;vertical-align:top;}
.tddesc{	width:280px;vertical-align:top;}
.tdprice{	width:35px;vertical-align:top;}
.tdstock{	width:35px;vertical-align:top;}
.tditems{	width:40px;vertical-align:top;}
.tdbuy{		width:44px;vertical-align:top;}
.tdcompare{	width:65px;vertical-align:top;}
.tdnext{	width:70px;}
.tdprev{	width:70px;}

/* PRODUCT DETAILS */

.productoverview{
		width:598px;
		margin-bottom:10px;
		
		}
.productoverview td{
		vertical-align:top;
		font-size:11px;
		line-height:1.4em;
		}		
.productimgtd{	width:202px;padding-left:20px;}		
.productimg{	border:1px solid #B7C5CF;}

.producttable{	width:598px;
		border:1px solid #B7C5CF;
		margin-bottom:10px;
		padding:2px;
		}
.detailstd{	padding:2px;
		width:150px;
		vertical-align:top;
		}
.detailstdright{padding:2px;
		vertical-align:top;
		}	
.detailsheader{	font-weight:bold;
		padding:2px;
		font-size:12px;
		background-color:#fff;
		}	
.detailsstock{	width:40px;
		text-align:center;}		
		
		
		/* Photo Border for All Pages Except the Albums Page */

.photo-frame .topx-- {
	background-image: url(~/Images/frame-topx--.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}
.photo-frame .top-x- {
	background-image: url(~/Images/frame-top-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .top--x {
	background-image: url(~/Images/frame-top--x.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}

.photo-frame .midx-- {
	background-image: url(~/Images/frame-midx--.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}
.photo-frame .mid--x {
	background-image: url(~/Images/frame-mid--x.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}

.photo-frame .botx-- {
	background-image: url(~/Images/frame-botx--.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: top;
}
.photo-frame .bot-x- {
	background-image: url(~/Images/frame-bot-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .bot--x {
	background-image: url(~/Images/frame-bot--x.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: bottom;
}

/* Photo Border for the Album Page */

.album-frame .topx----,
.album-frame .top----x,
.album-frame .botx----,
.album-frame .bot----x {
	height: 14px;
	width: 14px;
}

.album-frame .top-x--- {
	background-image: url(~/images/album-tstretch.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 14px;
	width: auto;
}
.album-frame .top--x-- {
	background-image: url(~/images/album-tstretch.gif);
	background-repeat: repeat-x;
	height: 14px;
	width: auto;
}
.album-frame .top---x- {
	background-image: url(~/images/album-tstretch.gif);
	background-repeat: repeat-x;
	text-align: right;
	height: 14px;
	width: auto;
}

.album-frame .mtpx---- {
	background-image: url(~/images/album-lstretch.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	height: auto;
	width: 14px;
}
.album-frame .mtp----x {
	background-image: url(~/images/album-rstretch.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	height: auto;
	width: 14px;
}

.album-frame .midx---- {
	background-image: url(~/images/album-lstretch.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 14px;
}
.album-frame .mid----x {
	background-image: url(~/images/album-rstretch.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 14px;
}

.album-frame .mbtx---- {
	background-image: url(~/images/album-lstretch.gif);
	background-repeat: repeat-y;
	vertical-align: bottom;
	height: auto;
	width: 14px;
}
.album-frame .mbt----x {
	background-image: url(~/images/album-rstretch.gif);
	background-repeat: repeat-y;
	vertical-align: bottom;
	height: auto;
	width: 14px;
}

.album-frame .bot-x--- {
	background-image: url(~/images/album-bstretch.gif);
	background-repeat: repeat-x;
	text-align: right;
	height: 14px;
	width: auto;
}
.album-frame .bot--x-- {
	background-image: url(~/images/album-bstretch.gif);
	background-repeat: repeat-x;
	height: 14px;
	width: auto;
}
.album-frame .bot---x- {
	background-image: url(~/images/album-bstretch.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 14px;
	width: auto;
}


/* 2.2 ALBUMS PAGE */

#albums {
	background-image: url(~/images/body-repeat-photo.gif);
	padding: 0px 37px;
	padding-bottom: 40px;
	width: 686px;
}

.view {
	margin-left: auto;
	margin-right: auto;
	width: 686px;
	text-align: center;
}

.view .photo-frame {
	margin-left: auto;
	margin-right: auto;
}

.item {
	padding: 20px 50px;
	color: #B2B2B2;
}

.item h4 {
	margin-bottom: 0.4em;
}

.nullpanel {
	padding: 150px;
	width: auto;
	text-align: center;
}

/* Form Items */

.textfield {
	border: 1px solid #929292;
	vertical-align: middle;
	padding: 3px;
	margin: 2px 0 5px 0;
}

/* Login View */

.login .label {
	display:block;
}

.login .textbox {
	border: 1px solid #929292;
	width: 140px;
	vertical-align: middle;
	padding: 3px;
	margin: 2px 0 5px 0;
}

.login .button {
	display:block;
	margin-top:8px;
	margin-bottom:8px;
}

/* LIST */

ul {
	list-style-type: none;
	list-style-image: url(~/images/bullet-2.gif);
	list-style-position: outside;
	line-height: 2.1em;
	vertical-align: middle;
	margin-left: 1.25em;
}
.link {
	list-style-image: url(~/images/bullet-1.gif);
}
/* Inline styles are used because image controls hard code a border property */

.photo_198 {
	border: 4px solid #FFFFFF;
}