/*
Template
12/5/08
JumpMedia
*/



/*Global*/

/*--GLOBAL STYLES*/

body{
	margin-top:0px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #989797;
	min-height:100%;
	}
	
h1 {
	font-family: Arial;
	font-size: 33px;
	color: #634441;
	margin: 0px;
	padding: 0px;
	font-weight: lighter;
	margin-bottom: 10px;
}

h1.subheading {
	font-family: Arial;
	font-size: 23px;
}


h2 {
	font-family: Arial, "Times New Roman", Times, serif;
	font-size: 1.0em;
	color: #666666;
	padding: 0px;
	font-weight: lighter;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	line-height: 1.2em;
}

h2.subheading
{
	color:#634441;
	font-size: 20px;
	margin-bottom: 10px;
}

h3 {
	font-family: Arial, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #b72e89;
	padding: 0px;
	font-weight: lighter;
	margin: 0px;
}




h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #939a3d;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}


h5 {
	font-family: Arial, "Times New Roman", Times, serif;
	font-size: 0.9em;
	color: #333333;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-weight: lighter;
}



p {
	font-family: Arial, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #989797;
	margin: 0px;
	padding: 0px;
	margin-bottom: 8px;
	line-height: 25px;
}


a:link {
	color: #5d9abd;
	text-decoration: none;
}

a:visited {
	color: #5d9abd;
	text-decoration: none;
}

a:active{
	color: #5d9abd;
	text-decoration: none;
}

a:hover {
	color: #5d9abd;
	text-decoration: underline;
}


div#side-navigation ul {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	text-align:left;
	color: #989797;

}

div#side-navigation li {
	display: block;
	color: #989797;
	list-style: none;
	line-height: 28px;
	background: url(../gfx/side-nav-arrow.jpg) no-repeat left center;
	padding-left: 10px;
	margin-left: 10px;
}

div#side-navigation li.selected {
	background: url(../gfx/backgrounds/bg-menu-selected.gif) no-repeat left top;
	color: #fff;
	margin-left: -1px;
	padding-left: 22px;
}


div#side-navigation li a:link {
	color: #989797;
	text-decoration: none;
	margin: 0px;
	}

div#side-navigation li a:visited {
	color: #989797;
	text-decoration: none;
	margin: 0px;
	}

div#side-navigation li a:active{
	color: #989797;
	text-decoration: none;
	margin: 0px;
	}

div#side-navigation li a:hover {
	color: #7a003d;
	text-decoration: none;
	margin: 0px;
	}
	


/*Layout*/

div#wrapper{
	width:960px;
	margin:0 auto;
	text-align:left;
	}
	
div.clearme{
	clear:both;
	}

div.slideshow{
	width:960px;
	float:left;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	}
	
div#side-navigation{
	width:190px;
	float:left;
	margin-bottom: 80px;
	}
	
	
div#product-area{
	width:755px;
	float:left;
	margin-left: 15px;
	margin-bottom: 15px;
	}		
		
		
		
div.three-col {
	float:left;
	height:300px;
	margin-right:10px;
	width:223px;
	margin-bottom: 40px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
				
div.three-col-endbit{
	float:left;
	height:300px;
	width:223px;
	padding-left: 15px;
	margin-right: 10px;
	margin-bottom: 40px;
	margin-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	}	
		

/*Masthead & Navigation*/

div#masthead{
	padding:7px 0 10px;
 }

h1#logo{
	display:block;
	float:left;
	width:177px;
	height:122px;
	background: url(../gfx/logo-top.jpg) no-repeat center top;
	}

h1#logo a{
	display:block;
	width:165px;
	height:71px;
	}

h1#logo a span{
	display:none;
	}

h1#logo a:hover{
	background:transparent;
	}
	
	
.categoryImageTransition
{
	height: 285px;
	margin-bottom: 30px;
}
	
p.introtext{
	display:block;
	font-size:11px;
	float:left;
	width:270px;
	line-height:16px;
	margin:0 25px 10px 20px;
	}
		
	
/*Home Page*/

div#header{
	width:960px;
	float:left;
	margin: 0px;
	padding: 0px;
	}

div#mainmast{
	width:960px;
	float:left;
	margin: 0px;
	padding: 0px 0px 5px;
	}
	

div.topnav{
	width:754px;
	float:left;
	margin: 0px;
	padding: 0px;
	height: 39px;
	}
	
	
	
div.nav-endbit{
	width:202px;
	float:left;
	margin: 0px 0px 0px 4px;
	padding: 0px;
	background: url(../gfx/navigation-cart.jpg) no-repeat left top;
	height: 39px;
	}
	
	
div#searcharea{
	width:230px;
	float:right;
	margin: 90px 0px 0px;
	padding: 0px;
	height: 30px;
	}	
	

/* Search Box */
.SearchInput	
{
	border: none;
	background-image: url(/gfx/backgrounds/bg-search-input.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	padding-top: 5px;
	margin-top: 0px;
	width: 130px;
	height: 25px;
	vertical-align: top;
	margin-right: -4px;
	border: none 0px;
	margin-left: 13px;
	float: left;
}

.searchbutton
{
	float: right;
}

/*footer*/

div#footer{
	background: url(../gfx/footer-bg.jpg) no-repeat center top;
	width: 940px;
	float: left;
	padding: 15px 10px 10px;
	height: 151px;
	}
	
div.footer-logo {
	float:left;
	margin-right:15px;
	width:180px;
	padding-top: 10px;
	padding-bottom: 10px;
}	
	
	
div.footer-three-col {
	float:left;
	margin-right:15px;
	width:223px;
	padding-left: 15px;
}
				
div.footer-three-col-endbit{
	float:left;
	width:223px;
	padding-left: 15px;
	text-align: right;
	}	
	
	
	
			
div.footer-three-col ul {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	text-align:left;
	color: #989797;

}

div.footer-three-col li {
	display: block;
	color: #989797;
	list-style: none;
	line-height: 20px;
}


div.footer-three-col li a:link {
	color: #989797;
	text-decoration: none;
	margin: 0px;
	}

div.footer-three-col li a:visited {
	color: #989797;
	text-decoration: none;
	margin: 0px;
	}

div.footer-three-col li a:active{
	color: #989797;
	text-decoration: none;
	margin: 0px;
	}

div.footer-three-col li a:hover {
	color: #5d9abd;
	text-decoration: none;
	margin: 0px;
	}	
	
.newsletter-signup
{
		border: none;
	background-image: url(/gfx/backgrounds/bg-newslettersignup-input.png);
	background-color: Transparent;
	background-repeat: no-repeat;
	background-position: right top;
	padding-left: 15px;
	padding-top: 3px;
	width: 129px;
	height: 25px;
	vertical-align: top;
	margin-right: -4px;
	border: none 0px;
}
	
#footer p {
	color: #989797;
	margin: 0px;
	padding: 0px;
	font: 12px/20px Arial, Helvetica, sans-serif;
}



/* Product List */

p.ProductName
{
	float: left;
	line-height: 15px;
}
p.ProductName a
{
	color: #b72e89;
	font-family: Arial;
	font-size: 16px;
	font-weight: lighter;
}

p.ProductName a:hover
{
	text-decoration: underline;
}


p.ProductName a:visited 
{
	color: #b72e89;
	text-decoration: none;
}

p.ProductName a:active
{
	color: #b72e89;
	text-decoration: none;
}


p.MoreDetails a
{
	color: #33cccc;
	font-family: Arial;
	font-size: 12px;
	background-image: url(/gfx/backgrounds/bg-moreinfo-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 12px;
	font-weight: lighter
}

p.MoreDetails a:hover
{
	text-decoration: underline;
}

p.MoreDetails a:visited 
{
	color: #33cccc;
	text-decoration: none;
}

p.MoreDetails a:active
{
	color: #33cccc;
	text-decoration: none;
}

p.Price
{
	color: #b72e89;
	font-family: Arial;
	font-size: 28px;
	font-weight: bold;
	margin-top: -5px;
	clear: both;
}

p.PriceDetail
{
	color: #b72e89;
	font-family: Arial;
	font-size: 28px;
	font-weight: bold;
	float: left;
	margin-top: 0px;
}


p.Price span
{
	color: #b72e89;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	vertical-align: super;
	
}

p.Description
{
	color: #634441;
	font-size: 0.5em;
	margin: 5px;		
}

p.CategoryDescription
{
	font-size: 14px;
	text-align:left;
	color: #989797;
	margin-bottom: 30px;
}

.DetailArea
{
	height: 65px;
}

/* product List paging */

.paging
{
	background-image: url(/gfx/backgrounds/bg-paging.gif);
	background-repeat: no-repeat;
	height: 35px;
}

.pagination
{
	padding-top: 10px;
	float: right;
	color: #9d9c9c;
	font-size: 12px;
}

.pagination a:link {
	color: #9d9c9c;
	text-decoration: none;
	margin: 0px;
	font-size: 12px;
	font-family: Arial;
	}

.pagination a:visited {
	color: #9d9c9c;
	text-decoration: none;
	margin: 0px;
	}

.pagination a:active{
	color: #9d9c9c;
	text-decoration: none;
	margin: 0px;
	}

.pagination a:hover {
	color: #9d9c9c;
	text-decoration: none;
	margin: 0px;
	}	


/* Product Details */

#ProductDetailsImage
{
	width: 375px;
	float: left;
}

#ProductDetailsTextContainer
{
	width: 355px;
	float: right;
	padding-left: 20px;
}

h1.mainheading
{
	color: #b72e89;
	font-family: Arial;
	font-size: 33px;
	margin-bottom: 20px;
}

p.ProductDescription
{
	margin-bottom: 0px;
	color: #634441;
	font-size: 14px;
	font-family: Arial;
}

.buybox
{
	margin-top: 20px;
}

.QtyInput
{
	border: none;
	background-image: url(/gfx/backgrounds/bg-qty.gif);
	background-repeat: no-repeat;
	padding-left: 65px;
	padding-top: 5px;
	width: 20px;
	height: 25px;
	padding-right: 5px;
	vertical-align: top;
}

.qty
{
	height: 30px;
	margin-bottom: 25px;
	float: left;
}


/* Product images */

.ProductDetailsCameoImage
{
	margin-left: 420px;
	margin-top: -75px;
	width: 400px;
	height: 75px;
}

.ProductDetailsCameoImage img
{
	margin-right: 8px;
	background-image: url(/gfx/backgrounds/bg-thumb-image.gif);
	background-repeat: no-repeat;
	padding: 2px;
}

.productDetailsMainImage
{
	background-image: url(/gfx/backgrounds/bg-main-image.gif);
	background-repeat: no-repeat;
	padding: 5px;
}

/* basket */

.shopBasket
{
	width: 120px; 
	height: 50px;
	float: left;
	padding-top:2px;
}

.shopBasket a
{
	display:block;
	width:100%;
	height:100%;
}

.basketstyle
{
	font-size: 14px;
}

/* Buttons */
a.ActionButton{
	    color: #fff;
    display: block;
    float: left;
    font-size:13px;
    font-weight: bold;
    height: 29px;
   margin: 5px 10px 5px 0;
    padding-right: 10px; /* sliding doors padding */
	}
	
a.ActionButton {
    background: transparent url(/gfx/buttons/btn-action-right.gif)  no-repeat scroll top right;
}

a.ActionButton span {
    background: transparent url(/gfx/buttons/btn-action-left.gif) no-repeat;
    display: block;
    line-height: 18px;
    padding: 4px 0 5px 10px;
} 


/* Checkout */

.checkout_step_container
{
	background-color: #b72e89;
	padding: 10px;
}

.checkout_step_container span
{
	margin-left: 35px;
}

.checkout_step_container a
{
	color: #fff
}

/* Brands Page */

.brand 
{
	margin-top: 25px;
	margin-bottom: 25px;
}

.brand p
{
	line-height: 25px;
}

.brand img
{
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
}


/* SlideShows */
#slideshow {
    position:relative;
    height: 278px;
    margin-bottom: 30px;
}

#slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    background-color: #fff;

}

#slideshow div.active {
    z-index:10;

}

#slideshow div.last-active {
    z-index:9;

}