/*
Title:      OAS
Author:     
Updated:    August 31, 2006
*/

body {
	padding: 0;
	margin: 0;
	background-image: url('bigbk_06.jpg');
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #EDEDED;
	text-align: center; font-style:normal; font-variant:normal; font-weight:normal; font-size:76%; font-family:Lucida Grande, Arial, Verdana}
 
html>body {
  	margin: 0;
	padding: 0;}

html, body {height:100%;} 
/* end hack */ 

#pageContainer {
	width:780px;
	margin:0 auto;
	text-align: center;
	position:relative;
	background:#EDEDED url('bigbksm_06.jpg') repeat-y center;
	min-height:100%
}
/* commented backslash hack v2 \*/ 
* html #pageContainer{height:100%}
/* end hack */ 
/* commented backslash hack v2 \*/ 
* html #pageContainer{height:100%;width:782px;w\idth:780px}
/* end hack */



/* -----[ Menu ]---------- */
    
#menu {
	float:left;
	clear: both;
	width:100%;
	line-height:normal;
	font-weight: bold;
	margin-top:0px;
	font-family: "Lucida Grande", Arial, Verdana;
	}
	
#menu ul { /*the WHOLE menu: If you change the padding here it will effect the entire line of list items */
    margin:0;
    padding:10px 6px 0px;
    list-style:none;
	font: "Lucida Grande", Geneva, Arial, Verdana;}
	  
#menu li {
	float:right;
	background:url('images/menu_bg.gif') no-repeat left top;
	border-bottom: 0px solid #666;
	font-style:normal; font-variant:normal; font-weight:normal; margin-left:1px; margin-right:1px; margin-top:0; margin-bottom:0px; padding-left:9px; padding-right:0; padding-top:0; padding-bottom:0px}
	
#menu a {
    float:left;
    display:block;
    background:url('images/menu_bg.gif') no-repeat right top;
    text-decoration:none;
    font-weight:bold;
	color:#FFF; font-weight:normal; font-style:normal; font-variant:normal; padding-left:0px; padding-right:9px; padding-top:2px; padding-bottom:4px}
	  
#menu > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a {float:none;}
    /* End IE5-Mac hack */
#menu a:hover {
    color:#FFF;
	text-decoration:underline;}
	  
#menu #currentheader {
	background:url('images/menu_bg.gif') no-repeat 0 -150px;
    border-width:0}
	  
#menu #currentheader a {
    background:url('images/menu_bg.gif') no-repeat 100% -150px;
	padding-bottom:4px;
    color: #FFF}


/* ---[ site links ]------------------------------- */
	
a, a:link, a:visited {color: #003333; text-decoration: none;}
a:hover {color: #006699; text-decoration: underline;}
a:active {color: #666666;}

.navlink a, .navlink a:visited {color:#666; text-decoration:none;border-bottom:none;}
.navlink a:hover {color:#003333; text-decoration:underline;border-bottom:none;}



/* ----- [General Layout] ----------- */

#header {
	margin: 0px auto;
	padding: 0px;
	width: 772px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 770px;
	color: #FFF;
	line-height: 15px;
	float:left;
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #006699;
	border-bottom:2px solid #365C01; font-style:normal; font-variant:normal; font-weight:normal; font-size:100% }

.upperright ul {padding: 0 14px;}
#header a:link, #header a:visited { color:#FFF;text-decoration: none;/*text-shadow: #666 3px 3px 2px;*/}
#header a:hover{ color:#FFF;text-decoration: underline;/*text-shadow: #666 3px 3px 2px;*/}

	
#wrap {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 772px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 770px;
	background: #FFF;}
	
html>body #wrap {
  	width: 770px;}

#main-body { /* Main Body */
	background: #FFFFFF;
	color: #010101;
	width: 620px;
	float: right;
	padding-top:0px; margin-top: 0px; padding-left: 0px;
	border-left: 1px dotted #ccc;
	}

/* Comment hides rule from IE5-Mac \*/
#sidebar {clear:left;}
/* End IE5-Mac hack */
#sidebar {
	width: 120px;
	float: left; 
	padding: 0px 0px 0px 14px; 
	margin: 0px;
	margin-top: 0px;}

#footer {
	border-top: 1px dotted #ccc;
	position: relative;
	clear: both;
	height:auto;
	padding: 30px 120px 10px 120px;
	text-align: center;}
	
#freeshipping {
	padding: 0;
	text-align: left;
	background-image: url('shipping.jpg');
	background-repeat: no-repeat;
	background-position: right top}	
		
/* ---[ clearing elements ]--------------------- */

.clearer {clear: both;line-height: 0px;}
div.spacer {clear: both;}
hr.cleaner {clear:both; height:1px;margin: -1px 0 0 0; padding:0;border:none; visibility: hidden;}


/* ---[ Breadcrumbs and Image Borders]--------------------- */

#breadcrumbs {
	padding: 12px 0px 4px 4px;
	margin: 0 0 0 9px;
	text-align: left;
	color:#5A5A5A;}
	
img {border:0px none;}
.imgborder img {border: 1px solid #ccc;background:#F3F3F3;}
.imgborder a:link {text-decoration:none;}
.imgborder a {text-decoration:none;}
.imgborder2 img {border: 1px solid #ccc;background:#FFF; padding:4px;}

.noborder img {border: 0px solid #FFF;}
.noborder a:link {text-decoration:none;}
.noborder a {text-decoration:none;}


/* ---[ gallery / double column page layout ]--------------------- */

.rightcolumn { /* right column on 2 column layout pages */
	float: right;
	width: 190px;
	padding:0 10px;
	margin: 0;}

.rightcolumn p { 
	line-height: 1.4em;
	margin:0 auto 5px auto;}

.leftcolumn{ /* left column for product descriptions & gallery + topcat pages */
	float: left;
	width: 406px;
	border-right: 1px dotted #CCC;
	text-align:center;}

.leftcolumn2{ /* left column for text on mio profile pages and static pages */
	float: left;
	width: 385px;
	border-right: 1px dotted #CCC;
	text-align:left;
	padding-left:14px;}
	
.leftcolumn2 p { line-height:17px;}


/* ---[ gallery pages - this simulates the table of products ]--------------------- */

.gallery {list-style:none; float:left;margin:0;padding:0;}
.gallery li {text-align: center;float:left;margin-left:7px;margin-top:10px;}
.gallery p {text-align: center;margin:0; padding:3px 5px 0px 5px; font-size:.9em;}

.topcatthumbs li {height:140px; width:120px;}
.topcatthumbs li p {text-transform:capitalize; }
.bigthumbs li {height:170px;width:185px; }
.smallthumbs li {height:140px; width:120px;}



/* ---[ gallery nav (the Pages 1,2,3 and View All Links) ]--------------------- */

.gallerynav{color: #444;float: left;width: 406px; text-align:center;margin: 1em 0 0 0;}
.navright {float: right;text-align: right;width: 25%; padding: 0px 15px 5px 0px;}
.navleft { float: left; text-align: left; width: 60%; padding: 0px 0px 5px 15px;}


/* ---[ lists ]--------------------- */

.inlinenav2 ul {list-style-type: none;margin: 0;padding: 4px 5px 2px 0px; white-space: nowrap;}
.inlinenav2 li {display: inline; margin: 0 4px 0 4px;}
.inlinenav ul {list-style-type: none;margin: 0;padding: 0;}
.inlinenav li {display: inline; margin: 0 6px 0 6px;padding:0;}

ul#superspecs2{
	list-style-type: none;
	margin-left: 0px;
	padding: 0 0 10 0;
	font-weight: normal;}

ul#superspecs2 li {
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	line-height: normal;
	background-image: url('blksqr2.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px; padding-left:12px; padding-right:0; padding-top:0; padding-bottom:1px}
	
ul#superspecs{
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	font-weight: normal;
	padding-bottom: 10px;}

ul#superspecs li {
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	color:#333;
	line-height: normal;
	background-image: url('blksqr2.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px; padding-left:12px; padding-right:0; padding-top:0; padding-bottom:1px} 

#options {
	margin-left:20px;
	margin-bottom:14px;
	font-weight: bold;
}
	
#options ul{
	list-style:none;}

#options a:link, #options a:visited{
	color: #888;}

#options a:hover{
	color: #5C8800;}
	
#options li {
	padding-left: 18px;
	background-image: url('arrow.jpg');
	background-repeat: no-repeat;
	background-position: 0 0px;
	line-height: normal;
	padding-bottom:4px; list-style-type:none}
	
/* ---[ Homepage sections styling ]--------------------- */
	
.hptitle { /*Homepage titles in the right hand column */
	margin: 0 14px 10px 0px;
	font-size:12px;
	color: #555;
	text-transform:none;
	padding:4px 0px 4px 10px;
	background-color: #e2e2e2;
	border-bottom: 1px solid #ccc;
	border-top:  1px solid #ccc;
	border-right-style: none;
	border-left-style: none;}

.hpblogtitle { /*Homepage titles in the left hand colum, ie. the blog */
	color: #3B3B3B;
	margin: 0 14px 10px 0px;
	text-align: left;
	font-size:12px;
	padding:4px 0px 4px 10px;
	background-color: #e2e2e2;
	border-bottom: 1px solid #ccc;
	border-top:  1px solid #ccc;
	border-right-style: none;
	border-left-style: none;}
	
.hptitle a, .hptitle a:visited {color: #3B3B3B; text-decoration: none;}

.hpblogtitle a, .hpblogtitle a:visited, .hpblogtitle2 a, .hpblogtitle2 a:visited {
color: #3B3B3B; text-decoration: none;}
	
.dots { padding-left:10px; background-image: url('dots.gif');background-position: left 50%;background-repeat: no-repeat}

.nospace {margin:0; padding:0;}
.nospace ul{margin:0; padding:0;}
.nospace li{margin:0; padding:0;}
.centerit {text-align:center;}
.left {float: left;text-align: left;width: 40%;}
.right {float: right;text-align: right;padding: 6px 8px 0 0;}
.rightnav {float: right;text-align: right;padding: 0px;}




/* ---[ Sitewide Forms ]--------------------- */

/*
form input.input-text, form select { 
	width: 250px;
	font-size: 120%;
	color: #010101; }
	
form textarea.input-area {
	font-family:"Lucida Grande", Arial, Verdana;
	width: 330px;
	height: 100px;
	font-size: 120%;
	color: #010101;
	}

 CLASS = "FORM-TABLE" : form Table style */

table.form-table {
	margin: 0;
	padding: 4px;
	border-collapse: collapse;
	background-image: url('greyfade.jpg');
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFFFFF
	}
	
table.form-table th, 
table.form-table td {
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #ddd;
	align:top;
	}
table.form-table th {
	width: 100px;
	padding-top: 12px;
	text-align: right;
	vertical-align: top;
	color: #333;
	}
table.form-table tr.last th, 
table.form-table tr.last td {
	border-bottom:none;
	}
table.form-table td em {
	display: block;
	margin: 3px 0 0 0;
	font-size: 90%;
	font-style: normal;
	}
table.form-table td p.note {
	font-size: 90%;
	color: #777;}
	
table.form-table td p.note em {
	display: inline;
	margin: 0;
	font-style: italic;}
	
table.form-table label{
	text-align: right;
	color:#333;
	font-size:120%;
	font-weight:bold;
	margin-right: .2em;
	display: block;}
	
	
/* ---[ Inputs ]--------------------- */

form table tr td textarea {
	xfont-family: "Lucida Grande", Verdana, Arial, sans-serif;
	xfont-size: 12px;}
	
select {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 11px;}
select.smalldrop {font-size:10px;}

form#searchform2 {margin:0; padding:0;}
form#searchform2 input.searchinput2, form#searchform input.searchinput {
	font-family: "Lucida Grande",Verdana, Arial, sans-serif; 					    
	border: 1px solid #ccc;
	font-size: 14px;
	color: #777; 
	margin: 5px 0 5px 5px;
	padding: 0 4px 0 4px;
	vertical-align:middle; }
	
/* User Accounts */	

.useraccount{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #666;
	font-weight: bold;
	background:#F0F0F0;
	padding: 0px;}
	
form#useraccount input.useraccount { 
	border: 1px solid #999;
	padding-left:3px;
	font-size:22px;
	font-weight:normal;
	color: #666;
	background-color: #FFF;
	vertical-align:middle;}

/* ---- Newsletter signup callout box found throughout site esp. on What's New page ------ */

form#signupbox {margin:0; padding:0;}

form#signupbox input.coolsmall {
	font-family: "Lucida Grande",Verdana, sans-serif; 
	border: 1px solid #999;
	font-size: 11px;
	color: #999; 
	margin: 0;
	padding:0; 
	vertical-align:middle;}
table.signupbox {margin-top: .8em; font-size: 10px; background-color: #DAF7B7; border: 1px dotted #66CC00; padding: 4px;}
table.signupbox h4 {font-size:12px; text-align:center;}
table.signupbox td {font-size: 10px}

div.signupbox {
	margin-top: .8em; padding: 4px; background-color: #ECECEC;background-image: url('greyfade.jpg');
	background-repeat: repeat-x;
	background-position: left top}
	
div.signupbox h2 {text-align:left;}

/* Trash Barrel */ 

/*
form textarea.notes {
	height: 200px;
	}
div.form-submit {
	padding: 10px 0;
	}
#content form p {
	margin: 2px 0 1px 0;
	padding: 0;
	}
#content p.form-item {
	margin: 0 0 2px 0;
	padding: 0;
	}

#main-body form p {
	margin: 4px 0 2px 0;
	padding: 0;
	}
#main-body p.form-item {
	margin: 0 0 3px 0;
	padding: 0;
	}	
*/ 
 
/* ---[ typography ]--------------------- */
	 
p {
	margin-right: 12px;
	padding-bottom: 10px;
	text-align: left;
	font-weight: normal;
	line-height: 1.3em;}

.dropcap:first-letter {
font-size:300%;
float:left;
font-family:Georgia, "Times New Roman", Times, serif;
margin-top:.28em;
padding-right:3px;
} 
	
h1, h2, h3 { 
	color: #191919;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height:normal;}
	
h1, h2, h3 a:link{ 
	text-decoration: none;}
	
h1 {
	font-size: 2.2em;
	margin: 0em 8px .2em 0px;
	padding: 12px 0px 6px 0px;
	text-align: left;}

h1.producttitle { /*this centers the product page h1s */
	text-align: center;}
	
h2 {
	font-size: 1.4em;
	margin: .6em 0em 0em 0em;
}
	
.post h2 { /* has to do with the blog */
	margin: 0em;
	text-transform: none;}
	
.post h2 a:link, .post h2 a:visited { /* has to do with the blog */
	color: #191919;
	text-decoration:none;
	border-bottom:none;}

.post h2 a:hover{ /* has to do with the blog */
	color: #006699;}
	
h3 {
	font-size: 1.2em;
	margin: .6em 0em .2em 0em;}

h4 {
	font-size: 12px;
	margin: 0em 0em .8em 0em;
	font-weight: normal;
	}
	
/*---- Sidebar Typography -------*/

#sidebar p {
	margin: 0em 0em .1em 1px;
	text-align: left;
	color: #888;}	

#sidebar h6.topmost { /*---- justifies the top header with the top margin -------*/
	padding:0px;
	margin-top: 14px;
	text-align: right;}

#sidebar h3, #sidebar h6 {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align:right;}

#sidebar h6 {
	font-size: 10px;
	margin: 0em;
	color: #6C7376;
	padding:12px 0 0 0px;
	margin-top: 14px;}
	
#sidebar h3 {
	font-size: 1.5em;
	padding:1px 0 0px 0px;
	margin: 0em 0em .1em 0em;
	color: #000;}

/*----Nav Styling in Sidebar -------*/

#productnav{padding: 0;text-align: right;font-size:11px;}

ul#productabs{list-style-type: none;margin: 0;padding: 0 0px 0 0px;text-transform: capitalize;}

ul#productabs li a{
	text-align: right;
	display: block;
	margin: 0;
	padding: 1px 0 6px 0;
	line-height: 1em;
	padding:1px 0 2px 0;
	color: #888;
	text-decoration: none;
	font-weight: bold;
	border-bottom:1px dotted #ccc;}

ul#productabs li a:hover{
	color: #006699;}
	
ul#productabs ul {
	text-align: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-transform: Capitalize;
	font-size:11px;
	font-weight: normal;}
		
ul#productabs ul li { line-height: 1.1em;padding: 1px 0px 1px 0px;}
ul#productabs li ul li a { text-decoration:none; font-weight:normal; color:#333333;background-color:#F0F0F0;}
	
/*---- Homepage, What's New Section styling -------*/

#doublecolumns{
	float: left;
	padding: 0;
}
#bestsellers {
	width:199px;
	float: left;
	padding: 0;}

#bestsellers dl {
	float: left;
	width: 199px;
	margin: 10px 0px 0 0;
	padding: 0;
	display:inline; }

#bestsellers dt {
	float: right;
	width: 129px;
	margin: 0 0 4px 0;
	padding: 0;
	font:11px "Lucida Grande", Geneva, Arial, Verdana;
	font-weight: bold;}

#bestsellers dd {
	margin: 0;
	padding: 0;
	font:11px "Lucida Grande", Geneva, Arial, Verdana;}

#bestsellers dd.img img {
	border: 1px solid #ccc;
	float: left;
	margin: 0 5px 0 0;}
	
.WN {
	font-size: 10px;
	padding: 0px;
	color: #1A1A1A;
	margin: 0px;}

.WNimage {
	padding: 6px;
	font-family: "Lucida Grande", Geneva, Arial, Verdana;
	font-size: 10px;
	margin-left: 0px;}

.whatsnew{
	float: right;
	width: 199px;
	padding:0 12px 0 0px;
	margin: 0;
	font-size:11px;
	text-align:left;
	}

.whatsnew p, .rightbar p{
	line-height: 1.4em;
	color: #202020;
	margin:0px auto 10px auto;
	font-size:11px;
	text-align:left;}

.whatsnew h2, .rightbar h2{
	margin:0px auto 16px auto;
	text-align:left;}

.whatsnew img{
	float: left;
	text-align:left;}
	
	
/* ---------SOON to be deleted ------------------- */
.posted {
	margin: 0 10px 6px 10px;
	text-align: left;
	}
	
.posted h2 a, .posted h2 a:visited {
	color: #000;
	margin-bottom:6px;
	}
	
.posted h2 { /* has to do with the blog */
	margin: 0em;
	text-transform: none;
	line-height: normal;}
	
.hpblog{
	float: left;
	width: 394px;
	text-align:left;
	margin-left:0px;
	border-right: 1px dotted #ccc;}
	
.hpblog p{
line-height: 17px;}

.title { /* styles the headers on the homepage */
	margin: 0 12px 10px 12px;
	text-align: left;
	font-size:12px;
	color:#666;
	padding:4px 0px 4px 10px;
	background-color: #E9E9E9;
	border-bottom: 1px solid #ccc;
	}
/* ---------SOON to be deleted ------------------- */


.peep { /*this puts the peep logo in front of the text on the top cat & gallery pages */
	background-image: url('peep.jpg');background-repeat: no-repeat;background-position: left 50%; margin-left:12px; margin-right:1em; margin-top:.2em; margin-bottom:.4em; padding-left:27px; padding-right:0px; padding-top:4px; padding-bottom:4px}	
	
.smallhp {font-size: 11px;}	
.smaller {font-size: .9em;}
.backorderedmsg a, .specialmsg a {margin:0px;padding:0px;line-height: 15px;color:#FF0000;}
		
#whyus{padding: 0;text-align: left;font-size:11px; width:135px;}
#whyus p {text-align:right;}
#whyus h3 {color: #006699; font-weight:bold;}

ol#whyreasons{
	margin: 0;
	padding: 0px;
	font-weight: normal;}
	
ol#whyreasons li a{
	display: block;
	margin: 0;
	padding: 1px 0 2px 0;
	line-height: 1em;
	color: #006699;
	text-decoration: none;}
	
ol#whyreasons li a:hover{
	color: #006699;}	

/*---------PRODUCT PAGE ----------------------- */
	
li.attributeimgs, li.moreimages {display: block;margin: 0 0 5px 0;padding: 0 2px 0 0;float:left; width:67px;}
li.attributeimgs p, li.moreimages p {text-align: center; font-size: .8em; margin:0; padding:0px;}
.seeinaction, .productvalues, .whybuy {width:270px;float: left;margin: 10px 0 0 0px;padding: 0;}
ul.prodimglist {list-style-type: none;margin: 0 0 0 1px;padding: 0;}
ul.prodimglist li {display: block;margin: 0 10px 10px 0;padding: 0;}
ul.prodimglist li img {border: 0px solid #666;}
.seeinaction li {float:left;}
	
#setcomponents {border:1px solid #000;}
#setcomponents h5 {font-size: 1.2em;margin: 0 0 0 5px;font-weight: bold;} 
ul.setcomplist {list-style-type: none;margin: 0px;padding: 0;}
ul.setcomplist li {display: block;margin: 0 30px 0px 10px;padding: 0;}
ul.setcomplist li img {border: 1px solid #666; margin:3px;}

#productdescription {
	text-align:left; margin:0 30px 30px 30px;
}
#productdescription p {line-height:1.7em;  font-size:12px; }
p.quotedesc {text-indent: 28px;
	background: url('quotel.jpg') no-repeat left top;
	padding-top:4px
}
p.signature {text-align:right; line-height:0;}
#producttools {margin:10px; padding:0; width:200px;	float: center;}
.center a {font-weight:normal;}

		
/*------Testimonials---------------*/

ul.testimonials {list-style-type: none; margin: 0px; padding: 0px; color: #262626; font-size:12px;}

ul.testimonials li.testquote {
	font-size:11px;margin-right: 6px;
	line-height: 1.5em;
	color: #262626;
	text-indent: 26px;
	background: url('quotel.jpg') no-repeat left top;
	padding:0px}
	
ul.testimonials li.testfrom {font-size: 11px; font-weight:normal; margin:2px 0 8px 0;}
ul.testimonials span.testcity {font-size: 11px;}
ul.coolnav li {list-style-image: url('back.gif');}

.caption {font-size: 10px;}

/*------[CONTENT PAGES]---------------------*/
/*landing page why buy from us */

#gen{
width: 594px; 
margin:0px; background: #e6e6e6 url('opto_bttm.gif') no-repeat left bottom;
padding-bottom: 26px; padding-left:0px; padding-right:0px; padding-top:0px}

#gen h3{
	margin-top:0px;
	font-weight: bold;
	text-transform: capitalize;
	background: url('opto_top.gif') no-repeat top left;; padding-left:0px; padding-right:0; padding-top:5px; padding-bottom:0
}
#list{
	text-indent: 0px;}

ol#list {
	padding-left:18px;
	margin-left: 0px;
	padding-bottom: 0px;}

ol#list li {
	text-align: left;
	padding:0;
	line-height: 19px;
	font-weight: normal;}
	
#fs { background: url('ping.gif') no-repeat 0px 0px;padding-left:40px;line-height: 34px}
#30days { background: url('days.gif') no-repeat 0px 0px;padding-left:40px}
.dotted {border-left: 1px dotted #ccc; margin:10px;padding:10px;}

.ws, #calendarmonth a.ws {color: #666;} /* Details Color */
.sessiondescription {display: none; font-weight: normal;  margin: 2px; padding: 5px 10px 5px 10px; font-size: 11px; color: #666666; font: Arial, Helvetica, sans-serif; border-left:1px dotted #CCC; line-height:16px;}

#copy{width: 605px;margin: 0px auto 5px auto;padding: 0 0px 0 10px;}
	.copyimage {float: right;width: 30%;margin: 0.5em;padding: 0.5em;}
	.copyimage p {text-align: center;font-style: italic;font-size: smaller;text-indent: 0;}
	.copyimageright {float: right;border: 1px solid grey;margin: 0.5em;padding: 0.5em;width: 50%;}
	.copyimageright p {text-align: center;font-style: italic;font-size: smaller;text-indent: 0;}
	#copy p, #copy ol, #copy ul{line-height:16px;}
#topbanner h1 {margin:0;padding:0;border-bottom: 1px solid #333333;padding:10px;}
#support {width: 750px;margin: 0px auto 0px auto;padding: 0 0px 0 10px;}


/*---------[Popups & Checkout / Cart]------------------*/
#mainbar, #popup {margin:12px;}
.errormessage{color:#FF0000; font-weight:bold;}
.livestatus{color:#FF0000; font-weight:bold;text-align:center; font-size:large;}


#popup_new {margin:22px;font-family:"Lucida Grande", Verdana, sans-serif;}

#popup_new label {
	font-family:"Lucida Grande", Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333333; 
	margin-bottom:4px;}

.pullquote {
	font-size: 14px;
	background-color: #e9e9e9;
	border: 1px solid #e1e1e1;
	padding: 12px;
	font-weight: bold;
	color: #555;
	margin-top:2em;
	margin-bottom:2em;}


/*----Custom Call Out Box -------*/
.custom { margin-top: .8em; font-size: 10px; background-color: #0066CC; border: 1px dotted #66CC00; padding: 4px; }
.custom a, .custom a:visited {color: #619900;text-decoration: none;}
.caps {text-transform:capitalize;} /* I used this inline to capitalize the titles on some pages except Menu pages */


/* Styling for the Topcat Page default */

	#enhanced, #enhanced.enhancedsxn {
		width: 374px;
		margin: 0;
		padding: 0;
		}
		#topcat_head_img img {margin:0; padding:0; border:1px solid #ebebeb}
	#enhanced img{
		padding:2px;
		border:solid 1px #CCCCCC; 
		background-color:#FFFFFF;}
		
	#enhanced a{
		text-align: center;
		line-height: normal;
		font-size: 12px;}

	#enhanced h2 {
		color:#666666; 
		margin: 0 0 0px 0;
		padding: 5px 0px 5px 10px;
		font-size: 110%;
		font-weight: bold;
		background: #ebebeb;
		}
	
	.enhancedsxn {
		margin: 0 0 0 0px;
		padding: 6px 0px 4px 10px;
		color: #FFF;
		text-align:left;}
	
.centered p{text-align: center;}	


.callout { font-size: 11px; border: 1px dotted #CCC; color: #333333; padding: 0px;margin-bottom: 10px;}
.callout a, .custom a:visited {color: #619900;text-decoration: none;}
.callout p {padding: 10px;margin:0;line-height: 1.6em;}



/* ------------ [Gift Center] -------------------*/

#white {background-color: #fff;border-bottom:1px solid #e1e1e1;width:595px;}

.white {color: #333;font-family: "Lucida Grande", Arial, Verdana;font-size: 16px;font-weight: normal;}
	
.giftable a, .giftable a:link, .giftable a:visited {text-decoration: underline;}
	
.giftable p {color: #333;}

.giftable img {border: 1px solid #666;}

.holiday h4 {
	color: #FFF;
	background-image: url('gctab_new2.jpg');
	background-repeat: repeat-x;
	background-position: left top; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:8px; padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:6px
}

#extras {
	background-color: #D5FF9F;
	width: 400px;
	margin:0px 0 0 10px;
	padding:0px 0px 0px 10px;}
	
	
	
/* -----[Stuff] -------*/

#grey {
	background-color: #FFF; 
	border-top:1px solid white;
	width:595px;
	margin:0px;
	padding:0px;
	background-image: url('number.gif');
	background-repeat: no-repeat;
	background-position: right bottom}
	
#grey p {margin: 0 14px 10px 28px;font-size:12px;color: #666;}

#grey h2, #grey h3 {margin: 14px 14px 8px 28px;color: #333;}
	
.white p, .white h2 {color:#ffffff;font-size:90%;margin-left:8px;padding-left:4px;}

#week h2, #week p {margin-left:8px;padding-left:4px;}



	
*/