/*
    Default Styles
*/

* { margin: 0; padding: 0; outline: 0; }
body { font: 15px/23px Helvetica, Arial,Sans-Serif; color: #333; text-align: left; background: #000 url(images/background.jpg) no-repeat center 0; }

a { color: #E088E0; text-decoration: none; cursor: pointer; }
a:hover { color: #EECAF9; text-decoration: underline; }
a img { border: 0; }

input, select, textarea { font-family: Arial, Sans-Serif; }
 
.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 975px; position: relative; }

h1,h2,h3 { margin-bottom: 10px; line-height: 100%; font-weight: normal; letter-spacing: -0.06em; }

h1 { font-size: 35px }
h1.big { font-size: 43px }
h2 { font-size: 30px }
h2.small { font-size: 28px }
h3 { font-size: 21px; }
h4 { font-size: 21px; margin-bottom: 5px; }
p { padding-bottom: 15px; }


/*
	Header
*/

#header { position: relative; }

	/*
		Player
	*/

	.player { height: 33px; width: 274px; position: absolute; top: 11px; right: 76px; }

	/*
		Logo
	*/
	
	a#logo { height: 166px; width: 435px; position: relative; margin: 0 -40px 0 20px ; }
	a#logo img { display: block; height: 166px; background: url(images/logo.png); background-repeat:no-repeat; }
	
	/*
		Navigation
	*/

	#navigation { float: right; display: inline; padding-right: 20px; position: relative; margin: 96px -10px 0; }
	#navigation .line { position: absolute; top: -42px; right: 20px; display: block; height: 36px; width: 532px; background: url(images/nav-line.png) no-repeat 0 0; }
	#navigation ul { float: right; display: inline; list-style: none outside; position: relative; margin: -7px 18px 0 0; }
	#navigation ul li { float: left; display: inline; height: 50px; line-height: 50px; margin-left: 25px; }
	#navigation ul li a { float: left; display: inline; height: 50px; font: bold 18px/50px Helvetica, Arial, Sans-Serif; color: #fff; text-shadow: 0 -1px 0 #000; position:relative; top:-9px; }
	#navigation ul li a:hover { text-decoration: none; color: #EECAF9; }
	#navigation ul li a.apple-store { width: 186px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/button-apple-store.gif); top:0;}

/*
	Content
*/

#content { position: relative; z-index: 2; margin-top: -25px; }

	.top-content { height: 34px; width: 975px; background: url(images/content-top.png); }
	.main-cnt { background: url(images/content-bg.png) repeat-y 0 0; height: 100%; padding: 50px 20px 10px; }
	
	/*
		Product Description
	*/
	
	img.guido { display: block; height: 599px; width: 397px; background: url(images/guido.png); position: absolute; top: 43px; left: -1px; }
	img.bronze-guido { display: block; height: 549px; width: 432px; background: url(images/bronze-guido.png) no-repeat 0 0; position: absolute; top: 1256px; right: 0; z-index: 3; }
	
	.product-description { float: right; display: inline; width: 500px; position: relative; margin-right: 20px; }
	.product-description p { padding-right: 125px; }
	
		.slider {}
		.slider .container { position: relative; overflow: hidden; height: 412px; width: 473px;  }
		.slider ul { list-style: none outside; position: relative; height:412px; width:1892px;}
		.slider ul li { float: left; height: 412px; width: 473px; }
		.slider ul li.selected { display: inline; }
		
		.slider-nav { height: 38px; width: 209px; background: url(images/slider-nav.gif); position: absolute; bottom: 50px; left: -330px; }
		.slider-nav ul { list-style: none outside; padding: 2px 0 0 5px; position:relative; z-index:2; }
		.slider-nav ul li { float: left; display: inline; height: 32px; line-height: 32px; font-size: 17px; font-weight: bold; text-align: center; width:46px; color: #2a2a2a; position:relative; z-index:5; cursor:pointer; }
		
		.slider-active { position:absolute; width:46px; height:31px; top:4px; left:5px; background:url(images/slider-active.gif); z-index:1;}
		
		
	/*
		Media
	*/
	
	.media { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 25px 10px 5px; height: 100%; width: 828px; margin: 15px auto 45px; }
	.media ul { list-style: none outside; }
	.media ul li { float: left; display: inline; margin-right: 30px; }
	.media ul li.last { margin-right: 0; position: relative; }
	.media ul li p { font-size: 11px; }
	.media ul li p a { color: #3377B8; text-decoration: underline; position: relative; }
	.media ul li p a:hover { text-decoration: none; color: #EECAF9; }
	
	/*
		News
	*/
	
	.news { padding: 0 0 0 55px; position: relative; }
	.news p { width: 410px; font-size: 15px; line-height: 23px; padding-bottom: 20px; }
	
	
	.wrapper { padding: 0 80px; height: 100%; }
	h1 em { font: italic 25px/25px Georgia, Times, Serif; color: #D84BF1; padding-left: 10px; letter-spacing:0px; }
	
	/*
		Post
	*/
	
	.post { padding: 60px 0 0 10px; height: 100%; }
	.post img.fl { margin-right: 40px; }
	.post img.fr { margin-left: 40px; }
	.post p { font-size: 15px; line-height: 23px; }
	.post h3 { font-size: 21px; }
	
	/*
		Comments
	*/
	
	.comments { width: 736px; margin: 0 auto; background: url(images/comments-bg.gif) no-repeat 0 0; padding: 60px 0 0 0; margin-top: 80px; }
	.comments h2 { font-size: 32px; margin-bottom: 40px; }
	.comments h2 span { color: #D84BF1; }
	
	.comment { background: url(images/comment-bg.gif) repeat-y 0 0; width: 539px; margin: 0 auto 25px; }
	.comment-bottom { background: url(images/comment-bottom.gif) no-repeat 0 bottom; }
	.comment-top { background: url(images/comment-top.gif) no-repeat 0 0; height: 100%; padding: 20px 30px 20px 40px; }
	.comment p { font-size: 14px; line-height: 21px; }
	
	.comments form { width: 496px; margin: 0 auto; }
	.comments form h3 { font-size: 26px; margin-bottom: 30px; }
	.comments form .field { float: left; display: inline; width: 197px; background: #fff; border: 1px solid #ccc; font-size: 14px; color: #000; height: 18px; padding: 6px 7px; margin: 0 15px 15px 0; }
	.comments form label { line-height: 32px; }
	.comments form textarea { display: block; height: 125px; width: 486px; background: #fff; border: 1px solid #ccc; font-size: 14px; padding: 6px 7px; overflow: auto; }
	.comments form .submit { display: block; height: 29px; width: 164px; border: 1px solid #ececec; border-right-color: #adadad; border-bottom-color: #adadad; cursor: pointer; margin-top: 20px; background: url(images/button1.gif) repeat-x 0 0; font-weight: bold; font-size: 14px; color: #4c4c4c; padding-bottom: 1px; }
	

/*
	Footer
*/


#footer { padding: 60px 0 0 55px; font-size: 15px; }
#footer a { color: #e088e0; }
#footer span  { padding: 0 5px; color: #999; }


.small-wrapper { padding: 0 36px 0 33px; position: relative; }

.big-image-holder { position: relative; top: -42px; }

.img-bottom { height: 31px; background: #000; padding: 12px 13px 0 34px; font-size: 16px; line-height: 20px; color: #fff; }
.img-bottom p.links { float: right; display: inline; }
.img-bottom p.links a { color: #fff; text-decoration: underline; }
.img-bottom p.links a:hover { color: #EECAF9; text-decoration:none; }
.img-bottom p.links span { padding: 0 10px 0 10px; }

.gallery-list { padding: 7px 0 0 33px; width: 872px; }
.gallery-list ul { list-style-type: none; }
.gallery-list ul li { float: left; display: inline; width: 160px; padding: 0 58px 51px 0; }
.gallery-list ul li.last { padding: 0; }
.gallery-list ul li p { text-align: center; font-size: 11px; line-height: 15px; font-style: italic; color: #6a6a6a; padding-bottom: 34px; }
.gallery-list ul li .image { display: block; float: top; height: 221px; padding: 0 0 13px; background: #000000; }
.gallery-list ul li .image img { border: 6px solid #000; vertical-align: -220px; }
.gallery-list ul li .image-raiting { background: #000; padding: 0 6px 6px; margin-bottom: 3px;  }
.gallery-list ul li .image-raiting img { display: block; padding-bottom: 3px; }
.gallery-list ul li .image-raiting p { text-align: center; font-style: normal; color: #ccc; padding-bottom: 0; }

.pagination { background: #000; height: 33px; padding: 0 23px 0 34px; color: #fff; padding-top: 12px; }
.pagination ul { list-style-type: none; float: right; display: inline; }
.pagination ul li { float: left; display: inline; font-size: 16px; padding-right: 10px; }
.pagination ul li.nav-btns { padding-right: 20px; }
.pagination ul li.active {  }
.pagination ul li a { color: #fff; }
.pagination ul li a:hover { text-decoration: none; color: #EECAF9;  } 
.pagination ul li a.active { font-weight: bold; }
.pagination ul li.active a { text-decoration: underline; }
.pagination ul li.active a:hover { font-weight: normal; text-decoration: none; color: #EECAF9; }
.pagination ul li.inactive { color: #999; }

.footer-left { float: left; display: inline; padding-right: 15px; }
.footer-text { padding-top: 13px; }

.top-line {  }
.top-line h2 { font-size: 40px; line-height: 47px; color: #333; float: left; display: inline; }

.top-nav { float: right; display: inline; height: 38px; }
.top-nav a { float: right; display: inline; font-size: 0; line-height: 0; text-indent: -4000px; width: 110px; height: 38px; background-repeat: no-repeat; background-position: 0 0; }
.top-nav a.prev-btn { background-image: url(../css/images/prev-btn.gif); margin-right: 13px; }
.top-nav a.next-btn { background-image: url(../css/images/next-btn.gif); }

.gallery-detail { position: relative; margin: -35px 15px 0 38px; height: 100%; }
.gallery-detail .image-detail { background: #000; float: left; display: inline; text-align: center; margin-right: 38px; }
.gallery-detail .image-detail .image { padding-bottom: 3px; text-align: center; }
.gallery-detail .image-detail .image img { border: 6px solid #000; }
.gallery-detail .image-detail .image-raiting p { text-align: center; font-size: 17px; line-height: 21px; color: #ccc; padding: 8px 0 10px; }

.detail-info { padding: 13px 0 0 0; width: 400px; float: right; }
.detail-info p { font-size: 24px; line-height: 33px; color: #333; }

p.social-links { font-size: 16px; line-height: 22px; height: 22px; padding-bottom: 17px; }
p.social-links span { padding-right: 18px; float: left; display: inline; }
p.social-links a { float: top; display: inline; margin: 3px 3px 0 0; }
p.social-links a img { float: left; display: inline; }

.stars-wrapper1 { padding: 0 0 0 15px; }
.image-detail .stars-wrapper1 { padding: 0 40px 0 40px; height: 51px; }

#report { width: 100%; clear: left; background: #FFFFFF;  }
#report a {color: #000; }
.report-inner { text-align: center; }

.logo-text-container { background-image: url(/media/css/images/jersify-banner.jpg); background-repeat: no-repeat; height: 416px; width: 866px; }

.image-container-404 { background-image: url(/media/css/images/404-image-slice.jpg); background-repeat: no-repeat; height: 582px; width: 849px; }

.page-not-found-text-container { position: relative; top: 450px; left: 58px; }
.page-not-found-text { color: #ffffff; text-decoration: underline; }
.page-not-found-text a { color: #ffffff; text-decoration: underline; }

div#testtext { position: relative; height: auto; width: 350px; left: 470px; top: 20px;  }

.text-line-1 { font: 40px Helvetica, Arial, Sans-Serif; color: #FFFFFF; letter-spacing: -1px; line-height: 38px; }
.text-line-2 { font: 22px Helvetica, Arial, Sans-Serif; color: #FFFFFF; line-height: 26px;}
.text-line-3 { font: 16px Helvetica, Arial, Sans-Serif; color: #000000; line-height: 17px; margin-top: -10px;}
.text-line-4 { font: 16px Helvetica, Arial, Sans-Serif; color: #9D130A; margin-top: -5px; letter-spacing: -1px; }

#tip-cnt p { font-size: 13px; line-height: 18px; }
p.tip-last { padding-bottom: 0; }

a.balloon { float: right; display: inline; padding: 9px 0 0 3px; }

#box-cnt { display: none; }
#box-1   { display: none; }
#box-2   { display: none; }
#box-3   { display: none; }
#box-4   { display: none; }
#box-5   { display: none; }
#box-6   { display: none; }
#box-7   { display: none; }
#box-8   { display: none; }
#box-9   { display: none; }
#box-10  { display: none; }
#box-11  { display: none; }
#box-12  { display: none; }
#box-13 { display: none; }
#box-14  { display: none; }
#box-15  { display: none; }
#box-16  { display: none; }