/*  
	©2010 Copyright Bukoo Gifts. All Rights Reserved.
	Images and content may not be reproduced or reused in any fashion.
	
	Feel free to use any of the styles below, however this unique combination and layout is copyright.
*/

html, body, div, p, h1, h2, h3, h4, dl, dt, dd, ul, li, form, fieldset, blockquote {margin:0;padding:0;border:0}

body {font:14px/1.5 Helvetica, Arial, sans-serif;background:#daeff7 url(../images/body_bg.jpg) repeat-x 0 -30px;color:#333333}


/* ------------- General Classes ----------------- */
.clear:after {content: ".";display:block;height:0;clear:both;visibility:hidden}
.clear {display: inline-table;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

.skip {display:none;/* \*/display:block;/* */position:absolute;left:-5000px;top:-5000px;width:1px;height:1px}


/*------------- Element Styles ------------------- */

/*---- <a> ----*/
/* Hide dotted outlines in mozilla */
a {outline:none;color:#10506a}
a:hover {text-decoration:none}
a img {display:block;border:0}

/*---- <h*> ----*/

#home-page h1 {display:none}
/* #home-page h2, #giftcatalog-page h2 {width:189px;height:37px;margin-left:7px;text-indent:-9999px;background:transparent url(../images/select_region_bg.jpg) no-repeat 0 0;border:0 !important} */
#home-page h3 {font:18px/1.5 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;margin-bottom:.75em;color:#333}
#home-page h4 {font:14px/1.5 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;margin-bottom:.5em;color:#333}

body.sub h1 {font:21px/1.5 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;margin-bottom:.5em;color:#ba1807;display:block !important}
body.sub h2 {font:18px/1.5 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;font-weight:normal;border-bottom:1px solid #dddddd;margin-bottom:.5em;color:#333333}
body.sub h3 {font:16px/1.5 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;margin-bottom:.5em;color:#333}
body.sub h4 {font:16px/1.5 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;padding-bottom:1em;font-weight:bold}
body.sub h5 {font:20px/1.5 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;margin-bottom:.5em;color:#333}

/*---- <p> ----*/
p {margin-bottom:1em}

p.mid {width:67%}

/*---- <ul> ----*/

#price-ranges {list-style:none;margin:0 0 1.5em 1.5em}
	#price-ranges li {margin-bottom:.5em}
		#price-ranges li a {font-size:16px;font-weight:bold}

#gift-detail {width:557px;background-color:#fff;padding:0 7px 7px 7px;border:1px solid white}
	#gift-detail div {background-color:#fff}
	#gift-detail img {display:block;width:270px;float:left}
	#gift-detail #description {width:250px;font-size:14px;float:left;margin-left:1em;display:inline;color:#333}

#gift-thumbs {background-color:#fff;padding:0 2px 0 4px}
	#gift-thumbs ul {width:100%;background-color:#fff;list-style:none}
		#gift-thumbs ul li {width:125px;height:240px;overflow:hidden;float:left;border:1px solid #dddddd;margin:.5em 7px .5em 7px;display:inline}

		a.image-thumb {display:block;width:125px;height:175px}
			a.image-thumb img {display:block;margin:0 auto 0 auto}
		a.gift-title {display:block;font-size:11px;padding:0 4px 0 4px;text-align:center}

.pagination {padding:1em 0 .5em 0}
	.pagination ul {list-style:none}
		.pagination ul li {display:inline;font-size:11px;color:#ccc}
			.pagination ul li strong {font-size:14px;color:#fff;padding:0 7px 0 7px}
			.pagination ul li a {font-size:14px;padding:0 7px 0 7px}

.list, ol {margin:0 0 1.5em 2em;padding:0}

/*---- <div> ----*/


/*------------- Layout Styles -------------*/
.topnav {width:100%;height:46px;position:fixed;background:transparent url(../images/topnav-bg.png) repeat-x 0 0}

	#login {position:absolute;top:0;right:60px;width:630px;height:55px;padding-top:8px;font:11px/1 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif}
		#login p {float:left;margin:0 1em 0 0;padding-top:5px;display:inline;color:#999999;font-style:italic}
		#login label {float:left;margin:0 .5em 0 0;padding-top:5px;display:inline;color:#666666}
		#login input {float:left}
		#username, #password {width:125px;margin:1px 1em 0 0;padding:2px 0 2px 6px;border:1px solid #cccccc;font-size:11px;color:#777777;display:inline}

    .topnav ul {position:absolute;top:0;right:0;width:460px;height:55px;padding-top:6px;font:11px/1 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;list-style:none;}
        .topnav ul li {width:100px;float:left;margin-right:12px;display:inline}
    .topnav ul li a {
        display:block;
        padding:6px 0;
        background:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(232,229,229)),color-stop(0.5, rgb(250,250,250)));
        background:-moz-linear-gradient(center bottom,rgb(232,229,229) 0%,rgb(250,250,250) 50%);
        border:1px solid #aaaaaa;
        text-align:center;
        font-size:11px;
        line-height:1;
        font-weight:bold;
        -moz-box-shadow:0 1px 0 #eee;
        -webkit-box-shadow:0 1px 0 #eee;
        box-shadow:0 1px 0 #eee;
        text-shadow:1px 1px 0 #fff;
        text-decoration:none;
        color:#333;
    }
    .topnav ul li a:hover {
        background:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(250,250,250)),color-stop(0.5, rgb(232,229,229)));
        background:-moz-linear-gradient(center bottom,rgb(250,250,250) 0%,rgb(232,229,229) 50%);
        color:#10506a;
    }
    
#wrapper {width:785px;margin:0 auto 0 auto;padding-top:60px;}
	
		
	#logo {display:block;margin:0 0 1.5em}
	
	#stage {width:785px;margin-bottom:2em}
		
		#nav {width:185px;float:left;padding:0 0 6px 4px;margin-right:7px;display:inline;background-color:#f9f9f9;border:1px solid #ddd;-moz-box-shadow:0 0 1px #fff;-webkit-box-shadow:0 0 1px #fff;box-shadow:0 0 1px #fff}
			#nav li {display:inline}
				#nav li a {display:block;width:171px;height:44px;margin-top:6px;padding:10px 0 0 10px;text-decoration:none;color:#dddddd;background:transparent url(../images/nav_bg.jpg) no-repeat 0 0;font:11px/1.1 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif}	
					#nav li a strong {display:block;font-size:14px;font-weight:bold;letter-spacing:-.02em;color:#ffffff;text-transform:uppercase;text-shadow:1px 1px 0 #333;}
				#nav li a:hover {background:transparent url(../images/nav_bg.jpg) no-repeat 0 -54px}	
		
		#nav h3 {font-size:12px;text-transform:uppercase;}
		
		#content {width:573px;float:left;padding:6px 6px 1em;background-color:#f9f9f9;border:1px solid #ddd;-moz-box-shadow:0 0 1px #fff;-webkit-box-shadow:0 0 1px #fff;box-shadow:0 0 1px #fff}
		
			#hero {width:573px;height:250px;margin-bottom:2px;background:transparent url(../images/hero.png) no-repeat 0 0}
			
			#countries {padding:0px 0 1.5em 0;}
				#countries h2 {font-weight:normal;padding-left:18px;margin-bottom:8px}
				#countries ul {width:80%;padding:0 10% 0 10%;list-style:none}
					#countries ul li {display:inline}
						#countries ul li a {float:left;width:111px;height:137px;margin:0 20px;font:14px/1.5 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;color:#333;font-weight:bold;text-decoration:none;text-align:center;display:inline}
						#countries ul li a:hover {color:#10506a}
						#usa a 		{background:transparent url(../images/usa-btn.jpg) no-repeat 0 100%}
						#canada a 	{background:transparent url(../images/canada-btn.jpg) no-repeat 0 100%}
						#uk a 		{background:transparent url(../images/uk-btn.jpg) no-repeat 0 100%}
						#europe a 	{background:transparent url(../images/europe-btn.jpg) no-repeat 0 100%}
						#la a 	{background:transparent url(../images/la-btn.jpg) no-repeat 0 100%}
						#asia a 	{background:transparent url(../images/asia-btn.jpg) no-repeat 0 100%}
						#sp a 	{background:transparent url(../images/sp-btn.jpg) no-repeat 0 100%}
						
			#home-page #message {padding:0 7px 0 16px}
				#callout {width:180px;padding-bottom:2em;float:right}
					#callout p {color:#cccccc;font-size:11px}
					#signup {display:block;width:178px;height:62px;text-indent:-9999px;text-decoration:none;background:transparent url(../images/sign_up_btn.jpg) no-repeat 0 0}
			
			body.sub #message {padding:7px 14px 7px 14px;}
			
				div.us-page {background:transparent url(../images/usa-btn.jpg) no-repeat 100% 7px}
				div.ca-page {background:transparent url(../images/canada-btn.jpg) no-repeat 100% 7px}
				div.uk-page, div.eu-page, div.de-page, div.it-page, div.sp-page, div.pt-page, div.se-page, div.dk-page, div.no-page, div.fi-page, div.ho-page, div.ir-page,
				div.europe-page {background:transparent url(../images/europe-btn.jpg) no-repeat 100% 7px}
				div.la-page {background:transparent url(../images/la-btn.jpg) no-repeat 100% 7px}
				div.asia-page,
				div.kr-page,
				div.jp-page {background:transparent url(../images/asia-btn.jpg) no-repeat 100% 7px}
				div.sp-page {background:transparent url(../images/sp-btn.jpg) no-repeat 100% 7px}
			
		#footer {width:773px;clear:both;margin-bottom:1.5em;padding:10px 0 10px 12px;color:#777777;font:11px/1.5 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;background-color:#cee1e9;border:1px solid #c6d9e0;-moz-box-shadow:0 0 1px #fff;-webkit-box-shadow:0 0 1px #fff;box-shadow:0 0 1px #fff}
			#footer p {margin-bottom:0}

/*-------- Forms ---------*/

#contact-form {padding-bottom:1em}
#contact-form label {display:block;font-size:14px;font-weight:bold;color:#333}
#contact-form input.text, #contact-form textarea {display:block;width:300px;margin-bottom:1em;font-size:12px}
#contact-form textarea {height:200px}

#signup-form {padding-bottom:1em}
#signup-form fieldset {margin-bottom:1.5em}
#signup-form label {display:block;font-size:14px;font-weight:bold;color:#333}
#signup-form input.text, #signup-form textarea {display:block;width:300px;margin-bottom:1em;font-size:12px}
#signup-form textarea {height:200px}

.Rtabs {
	border-bottom: 1px solid black;
	padding-left: 20px;
	padding-bottom: -1;
	padding-right: 0;
	height: 30px;
	margin-bottom: 10px;
}
.RtabOn {
	float: left;
	padding: 5px;
	margin-left: 10px;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid white;
	cursor: pointer;
}
.RtabOff {
	float: left;
	padding: 5px;
	margin-left: 10px;
	background-color: #eee;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	cursor: pointer;
}

/*added by Jason*/
#blueButton{
  text-align:center;
  padding:10px;
  text-decoration:none;
  background-color:#10506a;
  border:1px solid black;
  color:white;
  font-weight:bold;
}

#blueButton:hover{
  text-decoration:underline;
  background-color:#006699;
}

#bigRedButton{
  text-align:center;
  padding:10px;
  text-decoration:none;
  background-color:#b01a01;
  border:1px solid black;
  color:white;
  font-weight:bold;
}

#bigRedButton:hover{
  text-decoration:underline;
  background-color:#d0391e;
}