/*------------------------------------------------------------------
RETOUCH ApS - www.retouch.dk 

[Table of contents]
1. Body & all standards styles
2. Headlines
3. Lists
4. Typography
5. Frame
6. Navigation
7. Buttons
8. Contact form
9. Page elements
-------------------------------------------------------------------*/

/* [1. Body & all standards styles
----------------------------------------------- */

body {
	font:normal 12px/normal  Helvetica, Arial,  sans-serif;
	/* font: font-weight font-size/line-height font-family */	
	color:#000;
	background:#fff; 
	text-align:center; /* horizontal centering for IE Win quirks */
}
body,html    { height: 100%; }
*            { margin:0; padding:0; }
img          { border:0; }
.float-right { float:right !important; }
.float-left  { float:left; }
.text-right  { text-align:right; }
.text-left   { text-align:left; }
.text-center { text-align:center; }
.center      { text-align:center; }
.clearBoth   { clear:both; font-size:0; line-height:0; height:0; }
.left-image  { margin:5px 15px 10px 0; float:left; }
.right-image { margin:5px 0 10px 15px; float:right; }

/* [2. Headlines]
----------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
    margin:0;
	padding:0;
    color: #000;	
    padding-bottom: .4em;
	font-weight:bold;
}
h1 { font-size: 19px; text-transform:uppercase; }
h2 { font-size: 18px; }
h3 { font-size: 15px; padding-bottom: 0; }
h4 { font-size: 13px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; }

.storeHeadline {
	font-size:57px;
	font-weight:bold;
	line-height:62px;
	margin:0;
	padding:0 0 .2em 0;
}

/* [3. Lists]
----------------------------------------------- */

/* ul */

ul.nodots {
	padding:0;
	margin:0;
	list-style-type:none;
}
ul {
	list-style-position: outside;
	padding:0 0 0 2em;
	margin:0 0 10px 0;
}
ul li { line-height:normal; }

/* ol */

ol { margin: .5em .5em 1.5em; }
ol li {
	margin-left: 2em;
	padding-left: 0;
	background: none; 
	list-style-type: decimal;
}

/* [4. Typography]
----------------------------------------------- */

a {
	text-decoration: none;
	outline:none;
	font-weight:bold;
	color:#000;
}
a:hover {
	text-decoration: none;
	outline:none;
	color:#00b9f3; 
}
p a {
	border-bottom:1px #000 dashed;
}
p {
	line-height:150%;
	margin:0 0 15px 0 ;
	font-weight:normal;
}
.required {
	color:red;
}
.sidebarLink {
	text-align:right;
	font-size:11px;
	height:100%;
	overflow:hidden;
	clear:both;
}
.smallprint 
{
	font-size:11px;
	color:#666;
	font-style:italic;
}

/* [5. Frame]
----------------------------------------------- */

#distance { /* vertical and horizontal centering div */
	margin-bottom: -270px; /* half of content height */
	width: 1px;            /* required to "hide" distance div */
	height: 50%;          
	float: left;         
}
#sitecontainer {
	width:950px;
	height:540px;
	margin:0 auto;
	position: relative;
	text-align:left;
	clear: left;
	background:#fff;
}
#mainarea{
	width:950px;
	height:500px;
	margin:0 auto;
	clear:both;
	position:relative;
	overflow:hidden;	
}
#content {
	width:766px;
	float:right;	
}
#sidebar {
	width:168px;
	float:left;
}
#narrowpage {
	width:532px;
}
#logo {
	width:168px;
	height:168px;	
	background-image:url('/images/logosquare.gif');
	background-repeat:no-repeat;
	text-indent:-9000px;
	float:left;
	border:none;
}
#logo a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
	border:none;
}

/* [6. Navigation]
----------------------------------------------- */

/* navigation */

#navigation {
	padding:0;
    margin: 0;
    position: absolute;
	/*width:100%;*/
	width:976px;
	margin-left:-26px;
	bottom:10px;
	z-index:2;
}
#navigation ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#navigation ul li {
	float:left;
	display:inline;
	margin:0 0 0 26px;
	text-transform:uppercase;
}
#navigation ul li a {
	color:#000;
	font-size:11px;
	line-height:17px;
	font-weight:bold;
	text-decoration:none;
	padding:0px 7px;
	border:none;
	float:left;
}
#navigation ul li a:hover,
#navigation ul .current a {
	text-decoration:none;
	color:#fff;
	background:#000;
}
#navigation ul a.signup 
{
	color:#00b9f3;
	text-align:right;
	float:right;
}
#navigation ul .signupItem 
{
	float:right;
}

#hoverMenuItem {
	text-transform:lowercase;
	float: none;	
	font-size:190px;
	line-height:194px;
	*line-height:214px;
	font-weight:bold;
	letter-spacing:-12px;	
	position:absolute;
	bottom:5px;
	*bottom:0;
	z-index:1;
}
/* Removed for now
#bestBehaviorLogoArea {
	background:url('/images/bestbehavior.png') no-repeat;
	_behavior: url(/htc/iepngfix.htc);
	width:944px;
	height:248px;
	position:absolute;
	bottom:30px;
	z-index:1;
}
*/
/* [7. Buttons]
----------------------------------------------- */


a.btn {
	font-size:11px;
	line-height:17px;
	font-weight:bold;
	color:#fff;
	padding:0 5px;
	float:left;
	border:none;
	text-decoration:none;
	background:#000;
	text-transform:uppercase;
}
a.btn:hover {
	color:#00b9f3; 
}
/* button on products page */
.seebasket {
	float:right !important;
	margin:10px 0 0 0;
}
/* button on product page */
.checkoutBtn {
	float:right !important;
	margin:10px 0 0 0;
}



/* [8. Contact form]
----------------------------------------------- */


.contactForm {
	float:left;
	width:370px;
}
.contactForm .row {
	clear:both;
	margin:0 0 5px 0;
}
.contactForm label {
	text-align:right;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	padding:0 10px 0 0;
	float:left;
	width:65px;
	line-height:26px;
}
.contactForm .inputStyle {
	background:#e8e8e8;
	border:none;
	width:280px;
	padding:5px;
}
.contactForm .textarea {
	background:#e8e8e8;
	border:none;
	width:290px;
	height:140px;
}
.contactForm .feedbackPositive {
	background:#bde199;
	margin:0 5px 5px 0;
	_margin:0 2px 5px 0;
	_display:inline;
	padding:5px;	
	border:1px #578f1c solid;	
	font-size:11px;
	font-weight:bold;
	color:#3b690c !important;	
	text-align:center;
	float:right;
	width:278px;
	text-transform:uppercase;
}
.contactForm .feedbackNegative {
	background:#f7b9b9;
	margin:0 5px 5px 0;
	_margin:0 2px 5px 0;
	_display:inline;	
	padding:5px;
	border:1px #a5171b solid;
	font-size:11px;
	font-weight:bold;
	color:#992424 !important;	
	text-align:center;	
	float:right;
	width:278px;
	text-transform:uppercase;
}
.contactInfo {
	float:right;
	width:140px;
}
.requiredFields {
	float:left;
	font-size:11px;
	margin:0 0 0 10px;	
}


/* [9. Page elements]
----------------------------------------------- */

#sidebarMenu {
	height:100%;
	overflow:hidden;
	clear:both;
	margin:0 0 10px 0;
}
#sidebarMenu ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#sidebarMenu ul li {
	display:block;
	text-align:right;
	line-height:19px;
	margin:0 0 6px 0;
}
#sidebarMenu ul li a {
	font-size:19px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
	padding:0 0 0 5px;	
	border:none;
}
#sidebarMenu ul li a:hover,
#sidebarMenu ul .current a {
	color:#fff;
	background:#000;
	text-decoration:none;
}

/* sidebar for products */
.sidebarMenuProducts ul li 
{
	line-height:15px !important;
}
.sidebarMenuProducts ul li a 
{
	font-size:11px !important;
}

/* post */

.news {
	clear:both;
	margin:0 0 15px 0;
	width:690px;
	background:#fff url('/images/newsBg.gif') repeat-y;
}
.news .picture {
	width:120px;
	margin:0 20px 0 0;
	float:left;
}
.news .picture a {
	border:none;
}
.news .content {
	float:left;
	width:375px;
	margin:0 15px 0 0;
}
.news .title {
	font-size:20px;
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
	border:none;
}
.news .title:hover {
	text-decoration:underline;
	color:#000;
}

/* postinfo */
.postinfo { /* we are using it for news overview */
	float:left;
	width:150px;
	_width:145px;
	_margin-left:-14ah sopx;
}
.post .postinfoContainer {
	float:left;
	width:150px;
	margin:0 0 20px 0;
}
.post .postinfo { /* we are using it for blogpost */
	float:left;
	width:150px;
	border-left:1px #000 solid;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}
.postinfo p {
	margin:0;
	line-height:15px;
}
.postinfo .posted {
	font-size:11px;
	font-weight:bold;
	margin:0 0 5px 0;
}
.postinfo .tags,
.postinfo .posted {
	padding:0 0 0 12px;
}
.postinfo .tags {
	background:#000;
	color:#fff;
}
.postinfo .tags a {
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	border:none;
}
.postinfo .tags a:hover {
	text-decoration:underline;
}

/* post */

.post{
	clear:both;
	width:690px;
}
.post .picture {
	width:125px;
	margin:0 15px 0 0;
	float:left;
}
.post .contentContainer 
{
	width:550px;
	float:left;
}
.post .content {
	float:left;
	width:350px;
	margin:0 40px 0 0;
}
.post .backLink {
	border-bottom:1px #000 dashed;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	font-size:11px;
	
}
.post .backLink:hover {
	border-bottom:1px #000 solid;
	color:#000;
	text-decoration:none;	
}
.imagegallery {
	margin:10px 0;
	width:370px;
	margin-left:-20px;
	position:relative;
}
.imagegallery img {
	margin:0 0 20px 20px;
	_margin:0 0 20px 20px;
}
.imagegallery a {
	border:none;
}

/* contactDownloads */

ul#contactDownloads {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul#contactDownloads li {
	display:block;
	line-height:180%;
}
ul#contactDownloads li .file {
	font-weight:bold;
	color:#fff;
	padding:1px 5px;
	border:none;
	text-decoration:none;
	background:#000;
}
ul#contactDownloads li .file:hover {
	color:#00b9f3;
}
ul#contactDownloads li a {
	border-bottom:1px #000 dashed;
}


/* agency */

.agenciesLeftSide,
.agenciesRightSide {
	float:left;
	width:330px;
	padding:0 20px 0 0;
}

.agency {
	font-size:11px;
	float:left;
	width:330px;
	padding:0 20px 0 0;
}
.agency h2 {
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
}
.agency p {
	font-size:11px;
}


/* products - item */


.item {
	float:left;
	width:250px;
	margin:0 8px 0 0;	
}
.item .picture 
{
	height:385px;
	overflow:hidden;
}
.item .picture img {
	display:block;
	margin:0 auto;
}
.item .info {
	background:#000;
	margin:1px 0 0 0;
	width:234px;
	padding:5px 8px 10px 8px;
	text-transform:uppercase;
	color:#fff;
	height:46px;	
}
.item .info .price {
	font-size:9px;
	line-height:180%;
	font-weight:bold;
	float:right;
	width:75px;
	margin:5px 0 0 0;
}
.item .info .price .amount {
	font-size:16px;
	font-weight:bold;
}
.item .info .productName {
	font-size:10px;
	font-weight:bold;
	margin:5px 0 1px 0;
	line-height:14px;
}
.item .info .buyLink {
	font-size:10px;
	font-weight:bold;
	border:none;
	text-decoration:none;
	color:#fff;
}
.item .info .buyLink:hover {
	text-decoration:none;
	color:#00b9f3; 	
}


/* product page */

.columnOne {
	float:left;
	width:250px;
}
.columnTwo {
	float:left;
	width:250px;
	margin:0 16px;
}
.columnThree {
	float:left;
	width:234px;
}

.itemGallery {
}
.itemGallery .thumbs {
	width:252px;
	margin-left:-2px;
	position:relative;
}
.itemGallery {
}
.itemGallery .galleria {
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
} 
.itemGallery .galleria li {
    display: block;
    width: 40px;
    height: 60px;
    overflow: hidden;
    float: left;
	margin: 0 0 2px 2px;
	display:inline; //* for ie6 */
} 

.itemGallery .galleria li a {
    display: none
} 
.itemGallery .galleria li div {
    position: absolute;
    display: none;
    top: 0;
    left: 180px
} 
.itemGallery .galleria li div img {
    cursor: pointer
} 
.itemGallery .galleria li.active div img,
.galleria li.active div {
    display: block
} 
.itemGallery .galleria li img.thumb {
    cursor: pointer;
    top: auto;
    left: auto;
    display: block;
    width: auto;
    height: auto
} 
.itemGallery .galleria li .caption {
    display: block;
    padding-top: .5em
} 
* html .itemGallery .galleria li div span {
   /* width: 252px */ /* MSIE bug */ 
}
.itemGallery .galleria_container {  
    width: 250px;
    height: 375px;
	position:relative;
	margin: 0 0 2px 0;
} 
.itemGallery #largeImage img {
	width: 250px;
    height: 375px;
}
.itemGallery #largeImage .zoomit {
	position:absolute;
	bottom:0;	
	left:0;
	width:250px;
	position:absolute;
	text-align:center;
	font-size:10px;
	line-height:16px;
	text-transform:uppercase;
	text-align:center;
	left:0;
}
.itemGallery #largeImage .zoomit p {
	position:absolute;
	bottom:0;
	margin:0;
	width:250px;
	font-weight:bold;
	color:#fff;		
	left:0;
}
.itemGallery #largeImage .opacityDiv {
	background:#000;	
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
	width:250px;
	height:16px;
	position:absolute;
	bottom:0;
	left:0;
}



/* itemInfo */

.itemInfo {	
	border-bottom:4px #787878 solid;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}
.itemInfo h1{
	font-size:29px;
	line-height:26px;
	font-weight:bold;
	padding:0 0 5px 0;
}
.itemInfo p {
	font-size:14px;
	line-height:20px;
	margin:0;
}
.itemInfo p span {
	color:#787878;
}
.itemInfo .price {
	margin:5px 0 0 0;
}

/* add to basket */

.addToBasket {
	border-bottom:1px #dfdfdf solid;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}
.addToBasket h2 {
	font-size:19px;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 0 5px 0;
}
.addToBasket .row {
	clear:both;
	margin:0 0 10px 0;
}
.addToBasket label{
	width:90px;
	float:left;
	line-height:20px;
}
.addToBasket .inputStyle {
	width:35px;
	float:left;
	margin:0 20px 0 0;
}
.addToBasket .selectStyle {
	
}

/* feedbacks */
.feedbackProductPositive {
	background:#bde199;
	margin:10px 5px 0 0;
	padding:5px;	
	border:1px #578f1c solid;	
	font-size:11px;
	font-weight:bold;
	color:#3b690c;	
	text-align:center;

	text-transform:uppercase;
}
.feedbackProductNegative {
	background:#f7b9b9;
	margin:10px 5px 0 0;
	
	padding:5px;
	border:1px #a5171b solid;
	font-size:11px;
	font-weight:bold;
	color:#992424;	
	text-align:center;	


	text-transform:uppercase;
}
/*
.feedbackPositive {
	clear:both;
	margin:5px 0 0 0;
	padding:5px 0;	
	border:1px #709d0f solid;
	width:248px;
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	color:#5c9600;
}
.feedbackNegative {
	clear:both;
	margin:5px 0 0 0;
	padding:5px 0;
	border:1px #b5211d solid;
	width:248px;
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	color:#b32201;
}
*/
/* basket */

.basket {
	
}
.basket h2 {
	text-transform:uppercase;
	font-size:19px;
	font-weight:bold;
}
.basket .basketItem {
	clear:both;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px #d0d0d0 solid;
}
.basket .basketItem .inputDiv {
	float:left;
	width:32px;
	margin:0;
	line-height:13px;
}
.basket .basketItem .inputDiv .inputStyle {
	width:13px;
	font-size:10px;
	color:#5e5e5e;
	text-align:center;
	margin:0 5px 0 0;
	float:left;
}
.basket .basketItem .productInfo {
	float:left;
	width:150px;
}
.basket .basketItem .productInfo .productName {
	
}
.basket .basketItem .productInfo .productExtraInfo {
	font-size:11px;
	color:#9c9c9c;
}
.basket .basketItem .productPrice {
	margin:0;
	font-weight:bold;
	float:right;
	width:50px;
	font-size:12px;
	line-height:16px;
	text-align:right;
}
/* summary options */
.summaryOptions {
	clear:both;
	margin:20px 0 0 0;
}
.summaryOptions .updateLink {
	float:left;
	border-bottom:1px #000 dashed;
	/*text-transform:uppercase;*/
	font-size:11px;
	font-weight:bold;
}
.summaryOptions .updateLink:hover {
	color:#00b9f3;
}
.summaryOptions .totalAmount {
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;	
	/*border-bottom:2px #000 solid;*/
	background:url('/images/borderUnderLink.gif') repeat-x bottom;
	padding:0 0 5px 0;
	float:right;
}

/* collection overview */


#collections {
	width:797px;
	position:relative;
	margin-left:-31px;
}
.collection {
	float:left;
	width:168px;
	margin:0 0 31px 31px;
	display:inline;
}
.collection  img {
	display:block;
}

/* collectionGallery */

.collectionGalleryContainer {
}
.collectionGalleryContainer .galleryCollection {
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
	position:absolute;
	/*bottom:0;*/
	top:0;
	left:0;
	width:40%;
} 
.collectionGalleryContainer .galleryCollection li{ 
	float:left;
	margin:0 1px 1px 0;
}
.collectionGalleryContainer .galleryCollection li img {
    cursor: pointer;
    top: auto;
    left: auto;
    display: block;
    width: auto;
    height: auto
}

.collectionGalleryContainer #main_image {	
	/*position:absolute;
	left:0;
	top:10px;
	z-index:1;*/
	/*width:450px;
	height:750px;*/
	margin:0 auto;
	/*left:50%;
	margin-left:-225px;*/
	left:45%;
	position:absolute;
}
.collectionGalleryContainer #main_image img{
}
.logoColNameContainer {
	/*float:left;
	display:inline;*/
	width:250px;
	margin:150px 0 0 50px;
	text-align:left;
	position:absolute;
	right:5%;
	top:50px;
}
.logoColNameContainer .bestLogo {
	background:url('/images/logosmall.gif') no-repeat;
	width:242px;
	height:65px;
	float:left;
}
.logoColNameContainer .collectionName {
	font-size:57px;
	color:#fff;
	font-weight:bold;
	margin:0;
}
.closeButton {
	float:right;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	margin:5px 10px 0 0;
}

/* creditCards */

.creditCards2rows {
	background:url('/images/creditCards2rows.gif') no-repeat;
	width:123px;
	height:54px;
	float:right;
	margin:0 0 5px 0;
	clear:both;
}

/* store */
/*
.store {
	margin:0 0 10px 180px;
	height:100%;
	overflow:hidden;
	clear:both;
}
.store h2 {
	color:#000;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0;
	padding:0;
}
.store p {
	font-size:11px;
	line-height:18px;
}
*/

/* storeTable */
h2.store {
	color:#000;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 10px 0;
	padding:0;
}
.storeTable 
{
	width:93%;
	border-collapse:collapse;
	margin:0 0 20px 0;
}
.storeTable td
{
	padding:5px 5px 5px 0;
	font-size:10px;
}
.storeTable td.title 
{
	font-weight:bold;
}


/* loginForm */

.login {
	width:342px;
	margin:0 auto;
}
.login .loginInfo {
	color:#222;
	font-size:12px;
	width:297px;
	float:right;
}
.login .loginInfo a {
	border:none;
	font-weight:bold;
	text-decoration:none;
}
.login .headlineLogin {
	background:url('/images/headlineLogin.gif') no-repeat;
	width:42px;
	height:190px;
	float:left;
	margin:1px 3px 0 0;
}
.login .headlineLoginToDownload {
	background:url('/images/headlineLoginToDownload.gif') no-repeat;
	width:297px;
	height:21px;
	float:left;	
	margin:0 0 3px 0;
}
.login .loginForm {
	width:257px;
	float:left;
	padding:20px;
	background:#2ab7ec;
	margin:0 0 15px 0;
	height:126px;
}
.login .row {

	overflow:hidden;
	clear:both;
	margin:0 0 10px 0;
}
.login label {
	font-size:11px;
	color:#fff;
	text-transform:uppercase;
	display:block;
	margin:0 0 2px 0;	
}
.login .inputStyle {
	padding:5px;
	width:245px;
	_width:243px;
}
.login .submitButton {
	text-align:center;
	margin:0 125px 15px 0;
	float:right;
}
.login .feedbackNegative {
	height:100%;
	overflow:hidden;
	clear:both;
	background:#e60505;
	padding:5px 0;
	width:297px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	float:right;
}
.login .gobackLink {
	text-align:center;
	margin:0 auto;
	width:297px;
	float:right;
}
.login .gobackLink a {
	text-decoration:none;
	border:none;
}

/* signupForm */

.signupForm {
	float:left;
	width:370px;
	margin:10px 0 0 0;
}
.signupForm .row {
	clear:both;
	margin:0 0 13px 0;
}
.signupForm label {
	text-align:right;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	padding:0 10px 0 0;
	float:left;
	width:65px;
	line-height:26px;
}
.signupForm .inputStyle {
	background:#e8e8e8;
	border:none;
	width:280px;
	padding:5px;
}
.signupForm .submitButton 
{
	float:left;
}
.signupForm .requiredFields {
	float:left;
	font-size:11px;
	margin:4px 0 0 10px;	
}
.signupContainer 
{
	float:left;
	width:370px;
}
#signupImage 
{
	background:url('/images/signupImage.jpg') no-repeat;
	width:212px;
	height:466px;
	float:right;
	/*position:absolute;
	right:30px;
	top:10px;
	left:200px;
*/
}
/*Modal Popup*/
.modalBackground {
	background-color:black;
	filter:alpha(opacity=70);
	opacity:0.7;	
}
.modalBackgroundWhite {
	background-color:#C4C4C4;
	filter:alpha(opacity=70);
	opacity:0.7;	
}
.modalPopup {
	background-color:#ffffdd;
	border-width:10px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}