/*
classes.css

This contains all the classes used by the website other than those defined in default.css
Typically this will include header and footer css as well as any styles required by any bespoke areas of the website
*/

/* Bead Bitz CSS by Sincordia */





/* SKIP NAVIGATION STYLING */



.accessaid { position:absolute;

			height:0;

			overflow:hidden;

}





/* WRAPPER */



#wrapper { width:880px;

           border-right:solid #ccc 1px;

		   border-left:solid #ccc 1px;

		   border-bottom:solid #ccc 1px;

		   margin:0 auto;

		   padding-bottom:10px;

		   text-align:left;

		   }

		   



/* BRANDING */

		   

#branding { width:860px; margin:0 auto 12px auto; padding-top:4px; }



#branding-image { width:190px; float:left; }

#branding-links { width:660px; float:right; text-align:right; }



#branding-image p { margin:24px 0 0 10px; padding:0; }



#branding-links ul { list-style:none; margin:0; padding:0; text-transform:uppercase; }



#branding-links li {  display:inline; }



#branding-links li img { vertical-align:middle; padding-right:4px; }



#branding-links li a { color:#767676; padding:0 4px; text-decoration:none; border-right:solid #767676 1px;  }

#branding-links li a:hover { text-decoration:underline; }



#branding-links li a.nobords { border-right:none; }

#branding-links li a.reglnk  { color:#fe9dc9; text-decoration:underline; font-style:normal; }



#branding-links li#cart-link, #branding-links li#check-link { background-color:#fe9dc9; padding:2px 0 2px 2px; }



#branding-links li#cart-link a, #branding-links li#check-link a { border-right:none; background-color:#fe9dc9; 

          color:#fff; font-weight:bold; text-decoration:none;

		  }

		  

#branding-links li#cart-link  { border-right:solid #fff 2px; }



#branding-links li#cart-link a:hover, #branding-links li#check-link a:hover { text-decoration:underline; }



#costings { color:#767676; font-weight:bold; margin:0; padding:0; font-size:1.1em; }



#branding-links form { background-image:url('../images/ordering-info-txt.gif');

                       background-repeat:no-repeat;

					   background-position:140px 3px;

					   margin:6px 0 0 0; padding:0;

					   }



#branding-links form p { margin:0; padding:0; }



#branding-links form input { vertical-align:middle; }



#branding-links form input#search-txt { border:solid #ccc 1px; 

                                        font-size:1.4em; margin-right:5px; 

										color:#fe9dc9; 

										 }



/* GLOBAL NAVIGATION  */



#globalnav { list-style:none; padding:0; 

             width:858px; margin:0 auto; 

			 background:#767676 url('../images/global-nav.jpg') repeat-x top left;

			 border:solid #767676 1px;

			  }



#globalnav li { display:inline; }



#globalnav li a { line-height:2.0em; 

                  font-size:1.2em; 

				  color:#fff; 

				  text-decoration:none; 

				  padding:0 10px; font-weight:bold;

				  border-right:solid #fff 1px;

				  }

				  

#globalnav li a:hover { text-decoration:underline; }

				  

#globalnav li a.nobords { border-right:none; }





/* CRUMB NAVIGATION  */



#crumbs { width:860px; margin:5px auto 5px auto; font-size:1.1em; font-weight:bold; }



#crumbs p { margin:0; padding:0; }



#crumbs a { color:#fe9dc9; text-decoration:none; }



#crumbs a:hover { text-decoration:underline; }



#crumbs p#crumlnk { width:560px; float:left; }



#crumbs p#logname { width:300px; float:right; text-align:right; }



/* MAIN CONTENT  */



#maincontent { width:860px; margin:0 auto; }



#supp-content { width:180px; float:left; margin-right: 10px;}



#content { width:670px; float:right; }



/* MAIN CONTENT  - SUPP CONTENT */



#supp-content h3 { margin:0; padding:0; 

                   background:#fe9dc9 url('../images/link-header-bk.jpg') repeat-x top left;

				   color:#fff;

				   font-size:1.2em;

				   text-align:center;

				   line-height:2.0em;

				   border:solid #fe9dc9 1px;

				    }



#supp-content ul { list-style:none; margin:0 0 8px 0; 

                   padding:0;

				   width:178px;

				   border-right:solid #ccc 1px;

				   border-left:solid #ccc 1px;

				   border-top:solid #ccc 1px;

				    }

					

#supp-content li { border-bottom:solid #ccc 1px; 

                   background:#F3F3F3 url('../images/supp-nav-bk.jpg') repeat-x top left;

				   padding-left:5px;

				   text-transform:uppercase;

				   position:relative;
				   
					z-index: 100;

				   }

					

#supp-content li a { color:#767676; 

                     font-weight:bold; 

					 font-size:1.2em;

					 text-decoration:none;

					 background:url('../images/link-arrow.gif') no-repeat top left;

					 line-height:1.8em;

					 padding-left:18px;

					z-index: 100;
					  }

					  

#supp-content li a:hover { text-decoration:underline; }





/* SUB MENU */



/* Sub menu styles */



#supp-content ul li ul {

                 margin:0;

				 list-style:none;

				 position:absolute;

				 top:0px; right:-180px;

				 margin-top:-1px;

				 border-right:solid #ccc 1px;

				 border-left:solid #ccc 1px;

				 border-top:solid #ccc 1px;
				 

				 }

				 

#supp-content ul li ul li {

                   width:173px;

				   }

				   

#supp-content ul li ul li.topbord {

                   border-top:solid #999 1px;

				   }

#supp-content ul li ul li a {

				   }

				   

body #supp-content ul li ul { display:none; }



#supp-content ul li:hover ul, ul#rangenav li ul:hover { display:block; }



/* 2nd level sub menu styles */



#supp-content ul li ul li ul {

                   visibility:hidden;

				   

				   }

				   

#supp-content ul li ul li:hover ul { visibility:visible; }



/* Tip Box Styles */



#supp-content #tip-pod { border:solid #fe9dc9 1px; background-color:#F3F3F3; font-size:1.1em; text-align: center}

#supp-content #tip-pod img {text-align: center}

#supp-content #tip-pod p { padding:0; margin:0; }



#supp-content #tip-pod p#infotxt { width:140px; margin:0 auto; padding:5px 0; text-align: left}





/* MAIN CONTENT  - CONTENT */



#welcome-banner { width:670px; margin-bottom:8px; }



#welcome-image { width:180px; 

                 border:solid #ccc 1px; 

				 float:left;

				 margin:0; padding:0px;

				 }

				 

#welcome-txt { width:472px;

               background:#FD73B1 url('../images/welcome-banner-bk.gif') no-repeat bottom right;

			   height:157px;

			   float:right;

			   padding-top:115px;

			   padding-left:15px;

			   }

			   

#welcome-txt p { width:280px; margin:0 0 5px 0; padding:0; font-size:1.1em; color:#fff; }



/* MAIN CONTENT  - CONTENT - HOME PRODUCT PODS and PROD SUMMARY */



.prod-pod, .prod-sum { width:213px; border:solid #767676 1px; height:170px; margin:0 5px 10px 0; float:left; }



.prod-pod h2, .prod-sum h2 { margin:-1px 0 0 0; padding:0; color:#fff; text-transform:uppercase; font-size:1.2em; }



.prod-pod h2 a, .prod-sum h2 a { background-color:#767676; 

                 color:#fff; text-decoration:none; 

				  padding:0 4px; }

				  

.prod-pod p, .prod-sum p { text-align:center; padding:0; margin:0; }



.prod-sum { position:relative; text-align:left; }

.prod-sum img 
{
	z-index: 1;
}

.prod-sum-price {
				background-color:#fe9dc9;
				color:#ffffff;
				position:absolute;
				bottom:0;
				right:0;
				font-size:1.2em;
				font-weight:bold;
				width:110px;
				height:15px;
				}



.prod-sum-price a { background-color:#fe9dc9; color:#fff; 

                    text-decoration:none; font-weight:bold;

					padding:0 4px; 

					}



.nomarg { margin-right:0; }





/* MAIN CONTENT  - CONTENT - PRODUCT SUMMARY  */



#intro-banner { width:660px; 

                 color:#fff; background:#fe9dc9 url('../images/small-pattern-bk.gif') no-repeat bottom right;

				 height:11.0em; padding-top:20px; padding-left:10px;

				 margin-bottom:5px;

				 }

#intro-banner h1#acrylic-hr	{ margin:0; padding:0;

                               background-image:url('../images/acrylic-beads-hr.gif');

							   background-repeat:no-repeat;

							   background-position:top left;

							   width:293px; height:28px;

							   }			 

#intro-banner h1#handmade-hr { margin:0; padding:0;

                               background-image:url('../images/handmade-beads-hr.gif');

							   background-repeat:no-repeat;

							   background-position:top left;

							   width:293px; height:28px;

							   }

							   

#intro-banner h1#handmade-hr span { display:none; }

#intro-banner h1.banner_heading 
{ 
	color: #ffffff;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
}

#intro-banner h1.banner_heading object, #intro-banner h1.banner_heading embed
{ 
	margin: 0px;
	padding: 0px;
}

#intro-banner h1.banner_heading span
{ 
	margin: 5px 0px;
	padding: 10px 0px;	
}

#intro-banner p { color:#fff; margin:4px 0 0 0; padding:0; font-size:1.1em; width:530px; }





/* MAIN CONTENT  - CONTENT - PRODUCT DETAIL  */



#product-detail { width:670px; }



#product-detail-image { width:283px; height:auto; border:solid #767676 1px; float:left; }



#product-detail-desc { width:365px; float:right; text-align:left; font-size:1.1em; }



#product-detail-image h1 { margin:-2px 0 0 0; padding:0; color:#fff; text-transform:uppercase; font-size:1.6em; line-height:1.4em; }



#product-detail-image h1 span{ background-color:#767676; 

                 color:#fff; text-decoration:none; 

				  padding:0 4px; }

				  

#product-detail-image p { margin:0; padding:0; text-align:center; }



#product-detail-desc p#prod-price { color:#fe9dc9; font-size:1.8em; margin:0; padding:0; font-weight:bold; }



#product-detail-desc ul { list-style:none; padding:0; margin:10px 0; width:285px; }



#product-detail-desc li { background-image:url('../images/product-detail-link-icon.gif');

                          background-position:0 4px;

						  background-repeat:no-repeat;

                          padding-left:10px; padding-bottom:3px; }

						  

#product-detail-desc form { padding:0; margin:10px 0; }



#product-detail-desc form p { margin:10px 0; padding:0; text-transform:uppercase; font-weight:bold; }



#product-detail-desc form input { font-size:1.1em; color:#fe9dc9; }



#product-detail-desc form input#frm-qty { margin:0 0 0 4px; }



/* MAIN CONTENT  - CONTENT - PRODUCT DETAIL - RECOMMEND BUYS */



#rec-buy { width:280px; }



#rec-buy h4 { color:#767676; font-size:1.1em; font-weight:bold; margin:0; padding:0; }



#rec-buy ul { list-style:none; margin:0; padding:0; }



#rec-buy li { background-image:none; padding-left:0; }



#rec-buy li a { color:#fe9dc9; font-weight:bold; text-decoration:underline; } 





/* SITE INFO  */



#siteinfo { width:880px; text-align:center; margin:0 auto; padding-bottom:15px; }



#siteinfo p { margin:10px 0; padding:0; color:#ccc; }



#siteinfo p a { color:#ccc; text-decoration:none; }



#siteinfo p a:hover { text-decoration:underline; }



		   



/* DIV CLEARING STYLES  */



.fixclear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }



* html .fixclear { height:1%;}

.fixclear { display:block; }

div.paypal_submission_message
{
	font-size: 120%;
}

div#checquedetails
{
	font-size: 120%;
}


div.checkout_selectgateway h2 a span
{
	display: block;
	border: 1px solid #ffffff;
	width: 180px;
	background-color: #fe9dc9;
	color: #000000;
	margin: 0px auto;
	padding: 10px 0px;
}

div.checkout_selectgateway h2 a:hover span
{
	background-color: #ffffff;
	color: #FD73B1;
	border: 1px dotted #fd73b1;
}