
/* PAGE BG styles
=========================================================== */

#HOME {
width:100%;
}



/* HOME left col
=========================================================== */

#homeColumnOne {
float:left;
width:680px;
margin-top:13px;
}


/*#homeColumnSpacer {
float:left;
}*/

.mainFeature {
float:left;
clear:left;
width:680px;
margin-bottom:0px;
}

.productsScroller {
float:left;
clear:left;
}

.homePromoRow {
float:left;
clear:left;
width:680px;
}

.homePromoRow div {
float:left; }

div.homePromoSpacer {
display:block; height:10px;
width:12px; }




/* SHOP FLOW PRODUCT SCROLLER
=========================================================== */

div.productsContainer { 
width:680px;
float:left;
clear:left;
/*padding-top:10px;*/ }

div.productScrollWrapper {
background:url(../images/productScrollerBG.jpg) top center no-repeat;
padding-top:5px;
width:680px; }

.buynowWrapper {
 padding:12px 0 33px 0;
 margin:0; }

div.productsContent {
width:680px;
display:inline;
font-size:10px; }

div.productsContent p {
width:148px;
padding-top:10px;
line-height:12px; }

div.homePromoRow div.productsContent div {
float:left; }

div.contentSpacer {
display:block;
width:7px;
height:10px; }

.scrollback {
width:23px;
height:2px;
padding:0 3px 0 7px; }

.back {
background:url(../images/scrollerBack.jpg) center no-repeat;
width:23px; height:89px;
border:none;
margin-top:25px; }

.scrollforward {
width:23px;
height:2px;
padding:0 7px 0 3px; }

.forward {
background:url(../images/scrollerForward.jpg) center no-repeat;
width:23px; height:89px;
border:none;
margin-top:25px; }

.buyNowBTN {
margin:0 auto;
/*padding:10px 0 15px 0;*/
width:148px;
text-align:center; }

.buynow {
/*background:url(../images/buynowBTN.gif) center no-repeat;*/
width:71px; height:20px; }


/* HOME right col
=========================================================== */

#homeColumnTwo {
float:right;
width:279px;
margin-top:13px;
margin-left:21px; }

.homeNewsletter {
width:259px;
padding:10px;
margin-bottom:0px;
background:url(../images/home_newsletter_bg.jpg) top center no-repeat; }

.homeNewsletterContent{
float:left; }

.homeNewsletterHeader {
margin-bottom:8px; }

.homeNewsletterText{
color:#b1b1b1;
margin-top:8px;
font-size:11px;
line-height:13px;
font-family:Arial, Verdana, Helvetica, sans-serif; 
clear:left; }

.homeNewsletterFormRow {
float:left;
clear:left; }

form#emailsignup1_form fieldset {
margin-bottom:8px; }

form#emailsignup1_form legend {
color:#b1b1b1;
font-size:11px;
line-height:13px; }

*:first-child+html #emailsignup1_form legend { margin-left:-7px; } * html #emailsignup1_form legend { margin-left:-6px; }
 
form#emailsignup1_form select { 
font:11px Arial, Helvetica, sans-serif; 
margin:0 8px 0 0;
padding:0 0 0 1px; }

form#emailsignup1_form_footer select { 
font:11px Arial, Helvetica, sans-serif; 
margin:0 8px 0 0;
padding:0 0 0 1px; }

#homeNewsletter_signup {
background:url(../images/inputfieldbg.gif) repeat-x;
border:1px solid #3e3e3e;
width:216px;
height:14px;
margin:0;
padding:4px 0 0 4px; 
font:11px Arial, Helvetica, sans-serif;}

#homeNewsletter_signup_footer {
background:url(../images/inputfieldbg.gif) repeat-x;
border:1px solid #3e3e3e;
width:216px;
height:14px;
margin:0;
padding:4px 0 0 4px; 
font:11px Arial, Helvetica, sans-serif;}

*:first-child+html #homeNewsletter_signup { width:216px; } * html #homeNewsletter_signup { width:216px; }

select#homeNewsletter_emailsignup_dobMonth { width:100px; }

select#homeNewsletter__dobDay, select#homeNewsletter__dobYear { width:65px; }

.homeNewsletterFormColTwo{
float:left;
margin-top:11px;
margin-left:5px;
}

.homeRightPromoOne{
float:left;
clear:left;
margin-bottom:20px;
}

.homeRightPromoTwo{
float:left;
clear:left;
margin-bottom:20px;
/*height:310px;*/
width:279px;
/*background:url(../images/home_collector_series_bg.jpg) left no-repeat;*/
}

.homeRightPromoTwoHeader{
float:left;
clear:left;
margin-top:45px;
margin-bottom:7px;
text-align:center;
}

.homeRightPromoTwoRow{
float:left;
clear:left;
width:250px;
margin-bottom:3px;
padding-left:13px;
}

.homeRightPromoTwoIcon{
float:left;
width:20px;
}

.homeRightPromoTwoContent{
float:left;
margin-left:7px;
width:220px;
font-size:10px;
font-weight:bold;
margin-top:5px;
}


.homeRightPromoThree{
float:left;
clear:left;
}

/* HOME RIGHT TABS
=========================================================== */

div.homeTabsContainer { 
width:279px; }

div.homeTabsWrapper {
background:url(../images/homeTabs_bg2.jpg) top center no-repeat;
padding-top:10px;
width:279px;
height:198px;
float:left; }

.homeTabsContent {
width:279px;
display:inline;
font-size:10px;
background:green; }

.homeTabsProductRow {
float:left;
clear:left;
width:279px; }

.homeTabsHeader {
float:left;
clear:left;
margin-left:10px;
}

.homeTabsSubHeader {
float:left;
clear:left;
margin-left:10px;
margin-top:8px;
font-weight:bold;
font-size:11px;
width:88%;
}

.homeTabsProduct {
float:left;
width:100px;
margin-left:10px;
margin-top:10px;
}

.homeTabsProductContent {
float:left;
display:inline;
width:140px;
line-height:14px;
margin-left:10px;
margin-top:10px;
font-size:11px;
}

.homeTabsProductContent small { display:block; *margin-top:-18px; }

.homeTabsReviews {
display:inline;
margin-bottom:8px;
}

.homeTabsWriteSeeReview {
float:left;
clear:left;
width:279px;
text-align:center;
margin-top:8px;
font-size:12px;
}

.homeTabsProductContent .prSnippetNumberOfRatingsText{ visibility:hidden; }
.vpr_bottomlinks { margin-top:5px; *margin-top:0px; font-size:10px; text-align:center; clear:both; width:99%; float:left;}



/*   H_Email_Signup.html Page Styles 
=========================================================== */

.STUDIO {
background:url(../images/studioBG.jpg) fixed repeat-x; }



#emailsignup_header { width: 600px; float: left; margin-top:4px; margin-left:3px;}

#emailsignup_body {float:left; width:962px;  padding:4px 4px 25px 4px; font-size:11px; margin-top:18px;}

#emailsignup_main { width:570px; float:left; padding:16px; margin-bottom:20px; background:url(../images/oc_leftcol_bg.jpg) top center no-repeat; line-height:14px;}
#emailsignup_main p {margin-bottom:14px;}

#emailsignup_promoarea { width:350px; background-color:#061423; float:right; height:575px; line-height:500px; text-align:center;}

form#emailsignup_form {margin-top:20px; background:none;}

.form_row {  display:inline; width:100%; float:left; margin:5px 0 5px 0;  height:18px;} 
.form_row_checkbox {  display:inline; width:100%; float:left; margin:0;  height:auto; } 
.form_row_signup {  display:inline; width:100%; float:left; margin:12px 0 5px 0;  height:18px;} 

form#emailsignup_form .col1, form#emailsignup_form .col2, form#emailsignup_form .col3
{ float:left;   }

form#emailsignup_form .col1 { width:120px; text-align:right; padding-top:2px;}
form#emailsignup_form .col2 { width:210px; text-align:left; padding-left:10px;  }
form#emailsignup_form .col3 { width:130px; text-align:left; padding-left:5px; padding-top:2px; font-size:10px; color:#999;}

.form_row_checkbox li.col2 { width:415px !important;  } 

form#emailsignup_form .col2_signup { width:270px; text-align:left; padding-left:10px; float:left; font-size:12px; font-weight:bold; color:#00ff00 }

form#emailsignup_form input { height:16px; width:200px; padding:4px 0 0 4px; 
font:11px Arial, Helvetica, sans-serif; border:none; background:url(../images/inputfieldbg.gif) repeat-x; }

form#emailsignup_form .form_row_checkbox input { height:16px; width:200px; padding:4px 0 0 4px; 
font:11px Arial, Helvetica, sans-serif; border:none; background:none; }

form#emailsignup_form select   { font:11px Arial, Helvetica, sans-serif; height:17px; margin: 0px 2px 0 0; padding:0 0 0 1px;  display:inline;}

form#emailsignup_form select#dob_month  { width:85px;  }
form#emailsignup_form select#dob_day  { width:52px;   }
form#emailsignup_form select#dob_year  { width:55px;   }

form#emailsignup_form select#country  { width:203px;   }

.form_row_checkbox input { vertical-align:middle; width:15px !important; padding:0;} 

.form_comment {font-size:10px; }


#signup_button { background:url(../images/buttons/h_btn_signmeup.gif) top left no-repeat; width:80px; height:20px;  margin-left:2px; display:block; float:left;}
#signup_button button { background:url(../images/buttons/h_btn_signmeup.gif) top left no-repeat; width:80px; height:20px; float:left;  }
#signup_button button:hover {background-position:0 -20px;}

.signup_comment {
color:#00ff00;
display:none;
position:relative; 
top:1px;}

.confirmed {
display:inline;
font-size:12px;
color:#00ff00;
font-weight:bold !important; }

.notconfirmed {
display:inline;
font-size:12px;
color:#ff0000;
font-weight:bold !important; }

/*  error state styles */
.error_row {  width:100%; float:left; margin:0px 0 0px 3px;  height:auto; display:none; }
.error_field {display:none;}
.error {display:inline; color:#f00;}

/* important note styles */
#importantnote { width:570px; height:119px; background:url(../images/oc_leftcol_bg.jpg) top left no-repeat;
float:left; clear:left; line-height:14px; padding: 0 16px; display:inline;  }

.RC_divider {height:1px; width:100%; background:#6d7d8c; display:block; line-height:1px; overflow:hidden; clear:left;}
.clear7   {height:7px; width:30px; display:block;}	

.header_importantnote {margin-top:10px;  margin-bottom:4px; _margin-bottom:2px;
background:url(../images/importantnote.gif) left center no-repeat; }

#importantnote_desc {margin-top:4px;}



/* promo grid */
#promogrid { width:962px;  margin:10px 0; text-align:center; line-height:14px;}
#promogrid ul {  display:inline; width:100%; float:left; margin:0 auto;  height:auto;text-align:left; }
#promogrid li { width:226px; min-height:110px; height:auto !important; height:110px; padding:4px 6px; border:1px solid #6d7d8c; background-color:#061423; float:left; }
p.short_desc {margin:5px 0;}

#gift_box { float:left; margin-top:12px;}

.bg_placeholder { height:40px; text-align:center; }

.view_more { float:right; margin-right:5px; }
.view_more a { color:#67d7ff; text-decoration:none }
.forgiftbox {margin-top:40px;}



 
/*   HP_GiftCertificates.html page layout styles 
=========================================================== */

#headerbreadcrumbs { margin: 0 0 10px 6px; width:300px; font-size:10px; float:left; clear:both; text-align:left; color:#67D7FF; }
#headerbreadcrumbs a {color:#67D7FF; line-height:12px;}

.leftmargin4 {margin-left:4px; }

#giftcert_body {float:left; width:962px;  padding:4px 4px 25px 4px; font-size:11px;}
#giftcert_body_desc { float:left; width:680px; padding:4px 4px 20px 4px; }

#giftcert_main { width:685px; float:left; padding:5px 10px 10px 10px; margin-bottom:20px; background:url(../images/oc_leftcol_bg.jpg) top center no-repeat; line-height:14px;}

#giftcert_main h2 {margin-top:0px; position:relative; top:6px; }

 #check_balance { width:216px; background:url(../images/oc_leftcol_bg.gif) top center no-repeat; 
float:right; height:110px; text-align:left; padding:10px 12px; line-height:14px;}

#check_balance h3 { margin-bottom:2px; }


/* gift certificate order form */
form#giftcert_purchase {margin-top:15px; background:none;}

.form_row {  display:inline; width:100%; float:left; margin:5px 0 5px 0;  height:18px;} 
.form_row_msg {  display:inline; width:100%; float:left; margin:5px 0 5px 0;  height:75px;} 

form#giftcert_purchase .col1, form#giftcert_purchase .col2, form#giftcert_purchase .col3, form#giftcert_purchase .col_tofrom,
form#giftcert_purchase .col2_msg, form#giftcert_purchase .col3_msg, form#giftcert_purchase .col2_errorrow
{ float:left;  }

form#giftcert_purchase .col_tofrom { width:37px; text-align:left; padding-top:2px; padding-left:6px; }
form#giftcert_purchase .col1 { width:102px; text-align:right; padding-top:2px; }
form#giftcert_purchase .col2 { width:146px; text-align:left; padding-left:5px;  }
form#giftcert_purchase .col3 { width:376px; text-align:left; padding-left:5px; padding-top:2px; font-size:10px; color:#999; }

form#giftcert_purchase .col2_errorrow { width:250px; text-align:left; padding-left:5px;  }

form#giftcert_purchase .col2_msg { width:305px; text-align:left; padding-left:5px;  }
form#giftcert_purchase .col3_msg { width:185px; text-align:left; padding-left:5px; padding-top:2px; font-size:10px; color:#999;}


form#giftcert_purchase input { height:16px; width:143px; padding:4px 0 0 4px; 
font:11px Arial, Helvetica, sans-serif; border:none; background:url(../images/inputfieldbg.gif) repeat-x; }

form#giftcert_purchase select   { width:147px;font:11px Arial, Helvetica, sans-serif; height:17px; margin: 0px 2px 0 0; padding:0 0 0 1px;  display:inline; vertical-align:middle;}

form#giftcert_purchase textarea { height:70px; width:297px; padding:4px 0 0 4px; 
font:11px Arial, Helvetica, sans-serif; border:none; background:#ffffff url(../images/inputfieldbg.gif) repeat-x;  }


#add_to_cart { background:url(../images/buttons/ma_btn_addtocart.gif) top left no-repeat; width:93px; height:20px;  display:block; float:left;}
#add_to_cart button { background:url(../images/buttons/ma_btn_addtocart.gif) top left no-repeat; width:93px; height:20px; float:left;  }
#add_to_cart button:hover {background-position:0 -20px;}

/* error state styles */
.error_row {  width:100%; float:left; margin:0px 0 0px 3px;  height:auto; display:none; }
.error_field {display:none;}
.error {display:inline; color:#f00;}

form#giftcert_purchase div { }
form#giftcert_purchase div.giftcert_tofrom { width:678px; background:url(../images/oc_leftcol_bg.jpg) top center no-repeat !important; margin-top:4px; overflow:auto;}
.giftcert_tofrom ul {background:none; background-color:none;}


 /* gift certificate check balance module */
form#giftcert_balance {margin-top:15px; background:none;}

form#giftcert_balance input { height:18px; width:115px; padding:4px 0 0 4px; margin-top:6px; margin-right:5px;
font:11px Arial, Helvetica, sans-serif; border:none; background:url(../images/inputfieldbg.gif) repeat-x; display:inline; float:left; }
 
#get_balance { background:url(../images/buttons/hp_btn_getbalance.gif) top left no-repeat; width:90px; height:20px;  display:block; float:left; margin-top:5px;}
#get_balance button { background:url(../images/buttons/hp_btn_getbalance.gif) top left no-repeat; width:90px; height:20px; float:left;  }
#get_balance button:hover {background-position:0 -20px;}

#check_balance p {display:block; margin-top:12px;}

#promos {
width:219px;
float:left; }

#promos li {
margin-bottom:20px; }

#promo1 {
background:url(../images/placeholders/promo-1.gif) center no-repeat;
width:219px;
height:190px; }

#promo1_container {
padding:115px 0 0 12px; }

#promo1 span {
display:block;
text-indent:-9999999px;
}

#promo1 p {
margin:0; padding:0;
line-height:16px; }
 








