@charset "utf-8";
/* CSS Document */

/*
GENERAL STYLES
	- general and resets including form styles
	- layout (box, sort by drop down, product and numbered list)
	- menus (main menu, site map menu, shopping bag drop down and footer menu)
	
*/

body{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	}
a:link, a:active, a:visited{
	color:#646464;
	text-decoration:none;
	}
a:hover{
	color:#555555;
	}

img{
	border:0;
	}
.clear{
	clear:left;
	}
h1, h2, form{
	margin:0;
	padding:0;
	}
h1{
	margin-bottom:10px;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	line-height:18px;
	}
	
/* forms */

input, textarea, select{
	padding:2px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	border: 1px solid #e2e3e4;
	color:#898989;
	}
input.button{
	border:0;
	cursor:pointer;
	text-transform:uppercase;
	}

form.form{
	color:#898989;
	text-transform:uppercase;
	}
.form td{
	padding-bottom:10px;
	}
.form input, .form textarea{
	width:130px;
	}
input.nostyle{
	margin:0 14px;
	border:0;
	width:auto;
	}
.form input.button{
	width:90px;
	text-align:left;
	}
	

/*** Layout ***/
	
#container{
	width:940px;
	margin:auto;
	background-image:url(/images/insky-shopping-logo.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}
#content-container{
	background-repeat:no-repeat;
	background-position:top left;
	border-top:1px solid #e2e3e4;
	border-bottom: 1px solid #ffffff;	/* Fix for IE7 collapsing the div */
	}
#content{
	width:674px;
	padding-right:40px;
	background-image:url(/images/issue.gif);
	background-repeat:no-repeat;
	background-position:top right;
	float:left;
	}
#content img.right{
	margin-top:32px;
	float:right;
	}
#content div.right{
	width:336px;
	height: 386px;
	float:right;
	}
#content div.text{
	margin-top:59px;
	margin-left:0px;
	padding:140px 30px 0 0;
	background-image:url(/images/logo-insky.gif);
	background-repeat:no-repeat;
	background-position:top left;
	color:#7b7979;
	text-transform:uppercase;
	line-height:18px;
	}
#content div.text strong {
	color: #000000;
	font-weight: normal;
}
#content div.general{
	margin-top:31px;
	margin-right:90px;
	font-size:11px;
	color:#000000;
	line-height:18px;
	}
#content div.general p {
	font-size:11px;
	color:#000000;
	line-height:18px;
	}
#content div.general h1, #shopping-bag h1{
	color:#f41822;
	}

#content div.general h1, #shopping-bag h1{
	color:#f41822;
	}
p.text {
	color:#7b7979;
	text-transform:uppercase;
	line-height:18px;
	}

#content h1 {
	margin-top: 20px;
}

#content p {
	font-size: 12px;
}

/* products images with hover captions */	
a.product span{
	display:none;
	}
a.product:hover{
	position:relative;
	}	
a.product:hover span{
	width:130px;
	padding:8px 3px 8px 10px;
	position:absolute;
	background-color:#FFFFFF;
	border:1px solid #e2e3e4;
	display:block;
	z-index:100;
	top:-50px;
	left:90px;
	color:#898989;
	text-transform:uppercase;
	line-height:normal;
	}
.product strong{
	font-weight:normal;
	color:#000000;
	}
a.product em{
	padding-left:18px;
	font-style:normal;
	}


	
/* box */
#boxbanner{
	margin-top:4px;
	border:10px solid #eeeeef;
	}
#menu img.boxbanner{
	border:10px solid #eeeeef;
	margin-bottom:0;
	margin-top:4px;
	}
img.box, div.box{
	border-left:10px solid #eeeeef;
	border-right:10px solid #eeeeef;
	}
div.box{
	width:393px;
	height:98px;
	padding: 12px 25px 0 40px;
	background-repeat:no-repeat;
	background-position:40px 12px;
	float:left;
	color:#898989;
	text-transform:uppercase;
	}
.pages{
	margin-bottom:12px;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	}
.pages a:link, .pages a:active, .pages a:visited{
	color:#898989;
	text-decoration:none;
	}
.pages a:hover{
	color:#555555;
	}
.pages strong{
	padding: 0 15px;
	}
.box form{
	margin-top:15px;
	}
	
/* sort by */
.sort{
	
	float:right;
	}
.sort ul{
	margin:3px 0 0 0;
	padding:0;
	list-style-type:none;
	font-size:10px;
	color:#898989;
	position:relative;
	}
.sort li{
	padding-right:30px;
	background-image:url(/images/icon-triangle-left.gif);
	background-repeat:no-repeat;
	background-position:52px 3px;
	}
.sort li a:link,  .sort li a:active, .sort li a:visited{
	color:#898989;
	}
.sort li ul{
	width:109px;
	margin:0;
	margin-left:-8px;
	left:0;
	top:12px;
	display:none;
	position:absolute;
	border:1px solid #e2e3e4;
	background-color:#FFFFFF;
	}
.sort li li{
	padding:2px 8px;
	background:none;
	}
.sort li:hover ul, .sort li.sghover ul{
	display:block;
	}
.sort li li a:link, .sort li li a:active, .sort li li a:visited {
	color:#acacac;
	}
.sort li li a:hover{	
	color:#898989;
	}


	
/* product */

#content div.product-description{
	width:317px;
	margin-top:60px;
	float:left;
	font-size:11px;
	}
#content div.product-description form{
	margin-top:30px;
	font-size:10px;
	color:#898989;
	text-transform:uppercase;
	}
#content div.product-description input{
	width:35px;
	margin-left:5px;
	}
#content div.product-description input.button{
	width:145px;
	background-color:#898989;
	float:right;
	color:#FFFFFF;
	border:0;
	}

#content div.price{
	width:317px;
	padding-bottom:10px;
	background-repeat:no-repeat;
	background-position:bottom;
	font-size:14px;
	text-transform:uppercase;
	line-height:27px;
	}
.price span.code{
	float:right;
	font-size:11px;
	color:#000000;
	}
.price em, .price strong{
	font-size:24px;
	color:#000000;
	font-style:normal;
	}
.price strong{
	font-size:36px;
	}
a.enlarge-image{
	margin:5px 0 0 0;
	float:right;
	font-size:10px;
	color:#898989;
	text-transform:uppercase;
	}
a.enlarge-image:hover{
	color:#555555;
	}
	
.productmenu{
	width:317px;
	margin:20px 0;
	float:left;
	color:#898989;
	text-transform:uppercase;
	}
.productmenu a:link, .productmenu a:active, .productmenu a:visited{
	color:#898989;
	}
.productmenu a:hover{
	color:#555555;
	}
.productmenu a.back{
	padding-left:12px;
	background-image:url(/images/icon-triangle-left.gif);
	background-repeat:no-repeat;
	background-position:left;
	float:right;
	display:block;
	}
.productmenu em{
	padding:0 5px;
	}

#status-icons {
	width: 300px;
}

#status-icons img {
	margin-right: 15px;
}
/* numbered list */

.numbered-title{
	margin-top:10px;
	padding-left:20px;
	background-image:url(/images/background-numbered.gif);
	background-repeat:repeat-x;
	background-position:left;
	font-size:14px;
	font-weight:bold;
	color:#ed1c24;
	text-transform:uppercase;
	line-height:65px;
	}
.numbered-title em{
	font-size:12px;
	font-style:normal;
	text-transform:none;
	}
.numbered{
	height:64px;
	width:66px;
	margin-right:10px;
	background-image:url(/images/background-number.gif);
	float:left;
	font-size:46px;
	text-align:center;
	}
.numbered-text{
	margin:0 30px 0 99px;
	}
.smalltext{
	color:#7b7979;
	font-size:10px;
	line-height:12px;
	}
.smalltext strong{
	text-transform:uppercase;
	}
	
/* shopping bag */
#shopping-bag{
	margin-top:31px;
	font-size:11px;
	color:#7b7979;
	line-height:18px;
	}
#shopping-bag a:link, #shopping-bag a:active, #shopping-bag a:visited{
	color:#7b7979;
	}
#shopping-bag a:hover{
	color:#646464;
	}
#shopping-bag form{
	margin-top:15px;
	}
.item{
	padding:20px 0;
	border-top:1px solid #e8e9e9;
	}
.item img{
	float:left;
	margin-right:10px;
	}
.item div.description{
	width:265px;
	margin-right:30px;
	float:left;
	line-height:normal;
	}
.item div.description strong{
	color:#000000;
	text-transform:uppercase;
	}
.item div.description em{
	padding-right:4px;
	color:#ed1c24;
	font-style:normal;
	line-height:24px;	
	}
.item div.quantity{
	width:115px;
	float:left;
	font-size:10px;
	text-transform:uppercase;
	}
input.quantity{
	width:30px;
	margin-bottom:15px;
	float:right;
	text-align:center;
	}
.totalprice{
	padding-top:15px;
	text-align:right;
	color:#000000;
	text-transform:uppercase;
	border-top:1px solid #e8e9e9;
	}
.item div.totalprice{
	width:145px;
	padding-top:0;
	float:left;
	border:none;
	}
.totalprice strong{
	margin-left:20px;
	}
	
a.link{
	margin:4px 0;
	padding-left:10px;
	background-image:url(/images/icon-triangle-left.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	display:block;
	font-size:10px;
	text-transform:uppercase;
	line-height:normal;
	}
.totalprice input.button{
	width:145px;
	background-color:#ed1c24;
	font-size:10px;
	color:#FFFFFF;
	}
.priceeach{
	font-size:14px;
	}

	
/*** MENUS ***/

/* main menu */

#menu{
	width:180px;
	margin-right:42px;
	padding-top:33px;
	float:left;
	}
#menu img{
	margin-bottom:17px;
	}


/* site map */
#sitemap{
	height:20px;
	margin-bottom:1px;
	padding: 23px 46px 0 220px;
	background-image:url(/images/duty-free.gif);
	background-repeat:no-repeat;
	background-position:top right;
	border-bottom:3px solid #e2e3e4;
	text-transform:uppercase;
	line-height:20px;
	}
#sitemap a:link, #sitemap a:active, #sitemap a:visited{
	padding-right:40px;
	color:#646464;
	text-decoration:none;
	}
#sitemap a:hover{
	color:#000000;
	}
#sitemap a.account{
	padding-left:0px;
	padding-right:0;
	}
	
/* shopping bag */
#bag{
	width:101px;
	height:20px;
	background-image:url(/images/background-tab.gif);
	float:right;
	font-size:11px;
	font-weight:bold;
	line-height:20px;
	display:block;
	}
#bag a:link, #bag a:active, #bag a:visited{
	padding-right:0;
	}

#bag ul{
	padding:0 0 0 9px;
	margin:0;
	list-style:none;
	position:absolute;
	}
#bag li ul{
	width:200px;
	margin-left:-9px;
	padding:4px 0 0 0;
	display:none;
	position:relative;
	background-color:#FFFFFF;
	background-image:none;
	border:1px solid #e2e3e4;
	font-size:10px;
	font-weight:normal;
	line-height:normal;
	}
#bag li ul a:link, #bag li ul a:active, #bag li ul a:visited{
	color:#acacac;
	}
#bag li:hover ul, #bag li.sfhover ul{
	display:block;
	}
#bag li li{
	padding:3px 8px;
	}
li.total{
	height:14px;
	background-color:#f7f7f7;
	border-top:4px solid #eeeeef;
	}
#bag li.total a:link, #bag li.total a:active, #bag li.total a:visited{
	float:left;
	color:#ed1c24;
	}
#bag div.checkout {
	width:60px;
	float:right;
	padding: 0px;
	}
#bag div.checkout a:link , #bag div.checkout a:active, #bag div.checkout a:visited{
	color:#000000;
	}	
/**/

/* footer */

#footer{
	margin-top:4px;
	padding: 5px 0 0 330px;
	background-image:url(/images/logos.gif);
	background-repeat:no-repeat;
	background-position:left;
	text-transform:uppercase;
	}
#footer a:link, #footer a:active, #footer a:visited{
	padding-right:28px;
	color:#848182;
	text-decoration:none;
	}
#footer a:hover{
	color:#555555;
	}
#footer2{
	margin-top:6px;
	color:#c2c2c2;
	text-transform:none;
	}
#footer2 em{
	padding:0 11px;
	}
#footer2 a:link, #footer2 a:active, #footer2 a:visited{
	padding:0;
	color:#c2c2c2;
	}
.error{
	font-size: 1em;
	font-weight:bold;
	padding: 8px 8px 12px 55px;
	color:#ed1c24;
	background: url(/images/icon-error.gif) no-repeat 5px;
	border:4px solid #e2e3e4;
}

.notification{
	margin-bottom:0;
	font-size: 1em;
	font-weight: bold;
	padding: 10px 8px 12px 35px;
	color:#ed1c24;
	border:4px solid #e2e3e4;
	background-image:url(/images/icon-triangle-left.gif);
	background-repeat:no-repeat;
	background-position:21px 14px;
}

.infobox{
	color: #7b7979;
	margin-bottom:0;
	font-size: 1em;
	font-weight: bold;
	padding: 10px 8px 12px 35px;
	border:4px solid #e2e3e4;
}

.infobox strong {
	color:#ed1c24;
}

.infobox a, .infobox a:visited, .infobox a:link  {
	color: #000000;
}


ul.subcategories {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.subcategories li {
	margin: 0;
	padding: 0;
	float: left;
	width: 180px;
}
.table{
	margin:5px 0;
	border-collapse:collapse;
	}
.table th{
	padding:3px 3px 3px 6px;
	background-color:#e2e3e4;
	color:#646464;
	text-align:left;
	text-transform:uppercase;
	}
.table td{
	padding:2px 2px 2px 6px;
	border-bottom:1px solid #e2e3e4;
	}

.discounts {
	font-size:12px;
	text-transform:uppercase;
}

.discounts strong{
	font-size:24px;
	color:#000000;
	font-style:normal;
	font-weight: bold;
}

a.linkbutton {
	margin: 0;
	padding: 2px 3px 2px 15px;
	background: url(/images/icon-triangle.gif) no-repeat top left;
	border: 1px solid #E2E3E4;
	height: 18px;
	font-size:10px;
	text-transform:uppercase;
	color: #000000;
}


.formbutton {
	color: #000000;
	margin: 0;
	padding: 0 0 0 5px;
	background: url(/images/icon-triangle.gif) no-repeat top left;
	border: 1px solid #E2E3E4;
	height: 18px;
	font-size:10px;
	text-transform:uppercase;
}


.altbutton {
	text-transform: uppercase;
	background-color:#ed1c24;
	font-size:10px;
	color:#FFFFFF;
	border: none;
}