/* General styles */
    body {
		margin0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */;
		background:#fff;
		font-size:12px;
		font-family: Arial, Helvetica, sans-serif;
    }
	#container {
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		margin-bottom: 0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */;
		background:#fff;
		width:940px;    /* Minimum width of layout - remove line if not required */
	}
	
	#container2 {
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		margin-bottom: 0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */;
		background:#fff;
		width:890px;    /* Minimum width of layout - remove line if not required */
	}
	
	a {
    	color:#d50f6d;
		text-decoration: none;
	}
	a:hover {
		text-decoration: none;
	}
	
	a.next {
		min-width: 40px !important;
	}
	
    h1, h2, h3 {
        margin:0;
        padding:0;
		color: #d50f6d;
    }
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
	/*img {
		margin:10px 0 5px;
	}*/
	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
		border: none;
		overflow:visible;
		max-height:135px;
	}
	
	#header2 {
        clear:both;

        width:840px;
		border: none;
		margin:0 auto;
	}

	#top {
		height: 71px;
	}
	
	#countdown {
background:#D50F6D none repeat scroll 0 0;
color:#FFFFFF;
float:left;
height:40px;
left:180px;
position:relative;
text-align:center;
top:30px;
width:400px;
margin:0;
border:0;
padding:0px;  
text-align:center; 
font-family:Arial, Helvetica, sans-serif; 
font-size:20px; 
font-weight:bold; 
text-transform:capitalize; 
color:#fff; 

	}
	
	#cart {
		float: left;
		position: relative;
		width: 20em;
		top: 30px;
		right: 1px;
		left: 185px;
		height:30px;
		padding: 0 0.3em 0 0;
		background: none;
		font-size: 17px;
		color: #d50f6d;
	}
	
	#topRight {
		float: right;
		position: relative;
		top: 27px;
		right: 70px;
	}
	
	#cart span a {
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		color: #d50f6d;
	}
	
	#cart span a:hover {
		font-size: 11px;
		font-weight: bold;
		text-decoration: underline;
		color: #d50f6d;
		background: none;
	}
		
	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}
	ul#topNav {
		clear:left;
		float:left;
		width:795px;
		list-style:none;
		margin:10px 0 0 0;
		padding-left:145px;
		background: #5f9afb;
		font-size: 18px;
	}
	#topNav {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	
	#topNav li {
		display:inline;
		float:left;
	}
	
	#topNav li a {
		width: 110px;
		display:block;
		float:left;
		margin:0;
		padding:2px 0;
		text-align:center;
		background:#5f9afb;
		color:#fff;
		text-decoration:none;
		position:relative;
		left:0;
		line-height:1.3em;
		border-right:2px solid #fff;
	}
	
	#topNav li a#jp {
		width: 120px;
		padding: 4px 0 0 0;
	}
	
	#topNav li a:hover {
		color:#fff;
		text-decoration:underline;
	}
	#topNav li a.active,
	#topNav li a.active:hover {
		color:#fadf00;
	}
	#topNav li a span {
		display:block;
		}
		
	ul#topNav2 {
		clear:left;
		float:left;
		width:700px;
		list-style:none;
		margin:2px 0 0 0 !important;
		padding-left:140px;
		background: #d50f6d;
		font-size: 18px;
	}
	ul#topNav2 li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	ul#topNav2 li a {
		width: 120px;
		display:block;
		float:left;
		margin:0;
		padding:2px 0;
		text-align:center;
		background: #d50f6d;
		color:#fff;
		text-decoration:none;
		position:relative;
		left:0;
		line-height:1.3em;
		border-right:2px solid #fff;
	}
	ul#topNav2 li a:hover {
		color:#fff;
		text-decoration:underline;
	}
	ul#topNav2 li a.active,
	ul#topNav2 li a.active:hover {
		color:#fadf00;
	}
	ul#topNav2 li a span {
		display:block;
		}
		
		
		
	#logo_container {
		position: absolute;
		top: 2px;
		margin-left: auto;
		margin-right: auto;
		z-index:1;
		border: 0;
		width: 180px;
		overflow:visible;
	}
	#bbyckslogodiv {
		height:240px;
		position:absolute;
		width:240px;
		z-index:20;
		margin:0;
	}
	
	#logo_container a:hover {
		border: 0;
		background: none;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:left;
		background:#d50f6d;
		border-top:solid 2px #ffffff;
		margin:0 !important;
		padding:0 !important;
	}
	
	#layoutdims2 {
		clear:left;
		background:#d50f6d;
		border-top:0;
		margin:2px 0 0 0 !important;
		padding:0 !important;
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column left menu settings */
	.leftmenu {
	    background:#d50f6d;
	}
    .leftmenu .colright {
        float:left;
        width:200%;
        position:relative;
        left:180px;
        background:#fff;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:180px;
	    padding-bottom:1em;
	}
	.leftmenu .col1 {
        margin:0 0 0 200px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	}
    .leftmenu .col2 {
        float:left;
        width:180px;
        position:relative;
        right:180px;
    }
	
	.col2 {
		margin-top: 30px;
	}

	.col1 {
		padding-top: 15px;
	}
	
/* Left Colum Navigation List */
		
	.leftNav{
		width: 180px; /*width of menu*/
	}

	.leftNav ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
	}

	.leftNav ul li{
		padding-bottom: 0; /*bottom spacing between menu items*/
	}

	.leftNav ul li a{
		font-size: 18px;
		color: #fff;
		background: none;
		display: block;
		padding: 0 1.5em 0 0;
		line-height: 36px;
		text-decoration: none;
		text-align: right;
	}

	/*.leftNav ul li a:visited{
		color: black;
	}*/

	.leftNav ul li a:hover{ /*hover state CSS*/
		color: black;
	}

	.leftNav img {
		border: 0;
	}
	/* LeftNav Background Colors 
.leftNav ul li a:hover.home {background: green;}*/
	
	.currency {
		text-align:center;
		color: #fff;
		font-size: 12px;
		margin-top: 20px;
	}
	
	.currencyTD {
		text-align: center;
	}
	
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #dddddd;
		font-size: 60%;
		text-align: right;
    }
    #footer p {
        padding:10px;
        margin:0;
    }

#colCont {
	position: relative;
}

.thumbnail 
{
	background-color:#FFFFFF;
	border:1px solid #5f9afb;
	margin:20px 18px 0px 3px;
	padding:4px;
	position:relative;
	width: 100px !important;
}

.thumbnail:hover {
		background-color:yellow;
}

.prodImg
{
	background-color:#FFFFFF;
	border:0;

}

.prodImg:hover
{

}

.prodImgThumbFrame
{
	background-color:#FFFFFF;

	border:0;
	position:relative;
	width: 140px;
	height: 140px;
	display: inline;
	float: left;
}

.prodImgThumbFrame:hover
{

}

.prodImgThumb
{
	width: 140px;
	height: 140px;
	overflow: hidden;
}

/* FORM */
.myinputstyle {
	border: 1px solid #3e3e3e;
	/** remember to change image path **/
	background: url(none) no-repeat #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #454743;
	clear: both;
}

/** You can use this style for your LABEL elements **/
.mylabelstyle {
	font-family: Arial, Helvetica, sans-serif;
	font-style: bold;
	font-size: 13px;
	color: #d50f6d;
	clear: both;
}

/** 
*  You can use this style for your INPUT, TEXTAREA, SELECT elements 
*  for onmousehover event
**/
.myinputstyle:hover {
	border: 1px solid #d50f6d;
	/** remember to change image path **/
	background: url(none) no-repeat #FFFFFF;
	color: #d50f6d;
}

.myinputstylenews {
	border: 1px solid #5f9afb;
	/** remember to change image path **/
	background: url(none) no-repeat #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #5f9afb;
	clear: both;
}

.myinputstylesubmit {
	border: 1px solid #5f9afb;
	/** remember to change image path **/
	background: url(none) no-repeat #d50f6d;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #fff;
	clear: both;
	cursor: hand;
	cursor: pointer;
	
}

/* 27/11/08 Break images im blog */

.aligncenter, .alignleft, .alignright, .alignnone {
	display: block;
	border: solid 1px #5f9afb;
	margin-bottom: 10px;
}

.nextCont {
min-width: 10px;
text-align: left;
}

/***********************
Buttons - 15/06/09
***********************/



#view_cart, #continue_shopping {

	margin-bottom: 1px;
	display: block;
}

#view_cart img, #continue_shopping img {
	border: 0;
}

.span_vote {
	font-weight:bold;
	line-height: 16px;
	color: #888;
}

.vote {
	
}

.image-details img {
	margin-right: 2px;
	vertical-align: middle;
}

a {
	outline: 0;
}

.iframe-wrapper { 
scrolling:no;
margin:0 auto;
width:880px;
padding:0;
border:0;
}

#hottest-form {
border:1px solid #5F9AFB;
display:inline;
float:right;
margin:27px 50px 0 0;
padding:5px;
width:360px;
}
#hottest-confirmation {
border:1px solid #5F9AFB;
clear:right;
float:right;
margin:4px 50px 0 0;
padding:5px;
width:360px;
}
.hottest-ok {
	background:none repeat scroll 0 0 #33FF11;
}
.hottest-error {
	background:none repeat scroll 0 0 #ff3311;
}

.downloadBox {
float:left;
font-size:14px;
margin:0;
padding:50px 15px 50px 0;
}

.downloadBoxLink {
clear:both;
float:left;
font-size:14px;
margin:0 15px 0 10px;
padding:5px;
width:100px;
}
.downloadBoxLink img { width:100px; border:0;
}

.infoDiv, .infoDivContents, .mainDiv, .infoDiv div {
	padding:5px;
}
#list_email_add {
	background:none repeat scroll 0 0 #FFFFFF;border:1px solid #AAAAAA;display:block;float:left;font-size:10px;height:16px;padding:0;width:104px;
}
#list_email_button {

background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #AAAAAA;
display:block;
float:left;
font-size:9px;
height:18px;
margin:0 0 0 2px;
padding:0;
width:34px;
}
#door {
background:url("images/door.png") no-repeat scroll 0 0 transparent;
height:55px;
margin:60px 0 0 110px;
position:absolute;
width:66px;
z-index:1;
}