/* 
Title:     Master Style Sheet
Author:    Mike at swoplot dot(nospam) com */


body {
	margin: 0; padding: 0;
	font-family: "Lucida Grande", Arial, verdana, sans-serif;
	font-size: small;
	text-align: center;
	color: #111;
	background-color:#FFFFFF;
	background-image: url(../images/extras/vert2.jpg) repeat-x left bottom;}

/* Links ----------------------- */

a:link { color: #000000; font-size:90%; text-decoration: underline; font-weight:normal } /*darker F69010 lighter 669780  */
a:visited { color: #000000; font-size:90%; text-decoration: underline; font-weight:normal}
a:hover { color: #FD0100; font-size:90%; text-decoration: none; font-weight:normal}
/* breadcrumb links */
.navlink a, .navlink a:visited {color:#898989; text-decoration:none;border-bottom:none;font-size:90%; font-weight:bold;}
.navlink a:hover {color:#F69010; text-decoration:underline;border-bottom:none;font-weight:normal;}


/*Header -------------- */

#header {
	color:#000;
	margin: 0; padding: 0;
	font-size: 95%;
	text-align: left;
	float:left;
	display:block;
	float:left;
	min-height:60px;
	width:100%;
	border-bottom: 2px solid #0099CC; /*00B9FC*/
	background: #FEE300 url(../images/banners/color_repeaternew.jpg) repeat-x center top;}
	
#header div {
	width: 810px;
	margin: 0 auto; padding: 0px;}
	
#header h1 { /* The SwopLot Logo text */
	color:#000;
	float: left;
	padding: 2px 0 0 0px; margin: 0px;
	text-indent: -9999px;
	z-index: 100; /* Places the logo above the Menu Layer */
	position: absolute;
	top: 0px;
	font-size: 12px;}
	
#header h1 a { /* The SwopLot Logo Placement */
	display: block;
	width: 255px;
	height: 63px;
	background: url(../images/logos/logo.gif) no-repeat left top;}



/* Subheader ------------- */

#subheader { float:left; font-size:12px; width:100%; margin: 0 auto; padding: 0; background-color:#EFEEEC; border-bottom:1px solid #ccc;} 
#topheader { float:left; font-size:12px; width:100%; margin: 0 auto; padding-bottom:75px;} 

#crumbsandjoin {color: #666;width:780px;margin:0 auto;padding:0;list-style:none;}
#login a:link, #crumbsandjoin a:visited {color:#666; xtext-decoration:none;}
#login a:hover {color:#222;}
#crumbsandjoin ul {list-style:none;}
#crumbsandjoin ul li{ display:inline; padding-left:16px;}
#crumbs { float:left; margin:0; padding: 6px 0px;}

#crumbs a:link, #crumbs a:visited {color: #CC0000;}
#crumbs a:hover {color: #CC3333;}
#login {
	float: right;
	margin:0;
	padding: 8px 0px;
	font-size:10px;
	text-transform:uppercase;
	vertical-align: middle;
}

#joinnow { background: url(../images/icons/joinnow.gif) no-repeat left center;}
#myaccount { margin-left:10px; background: url(../images/icons/mini_myaccount.gif) no-repeat left center;}

/*  PAGE STRUCTURE DIVS  ------------- */


#wrap {
	clear:left;
	margin: 0px; padding: 0px;
	position:relative;
	background-color:#FFFFFF;
	min-height:100%;
	background: url(../images/extras/vert2.jpg) repeat-x left bottom;
	background-attachment: fixed;}
	
#container{
	height:100%;
	width: 780px;
	margin: 0 auto;
	padding: 16px 15px 30px 15px;
	font-size: 95%;
	text-align: left;
	background: #FFFFFF;
}
	
#content {
	float: right;
	width: 600px;
	margin: 0px;padding:0px;
	margin-top: 10px;
	min-height:100%;
	height:auto;
	}
	
#sidebar {
	float: left;
	width: 160px;
	margin: 0;
	margin-top: 10px;
	}
	
	hr {
	display: none;
	}

/* ---[ Gallery / Double column pages ]--------------------- */

.rightcolumn { /* right column on 2 column layout pages */
	float: right;
	width: 195px;
	padding:0px;
	margin: 0px;}
	
.rightcolumn p{ padding-top:0px; margin-top:0px;}


.leftcolumn { /* left column for product descriptions & gallery + topcat pages */
	float: left;
	width: 385px;
	text-align:left;}
	
.leftcolumn img { /* left column for product descriptions & gallery + topcat pages */
	text-align:center;}
	
.desc {
	background-color:#B6B8B8;
	padding:6px;
	color:#ffffff;
	font-size:12px;
	font-weight:normal;
	margin:0px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
}
		
/* self-clearing floats  */

#container:after, #wrap:after, 
#header:after, {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }
	
.floatfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
	
hr.cleaner {clear:both; height:1px;margin: -1px 0 0 0; padding:0;border:none; visibility: hidden;}
hr {display: none;}

/* Header Menu ------------------------ */
    
#menu {
	margin:0px;padding:0px;
	float:left;
	clear: both;
	width:100%;
	line-height:normal;
	font-weight: bold;}
	
#menu ul { /*the WHOLE menu: If you change the padding here it will effect the entire line of list items */
    margin:0;
    padding:9px 0 0 0; /*was 40px on the top and 8px on the right */
    list-style:none;}
	  
#menu li {
	float:right;
	background:url("../images/extras/left_bothBL.gif") no-repeat left top;
	margin:0 0px 0px 1px;
	padding:0 0 0px 9px;}
	
#menu a {
    float:left;
    display:block;
    background:url("../images/extras/right_bothBL.gif") no-repeat right top;
    padding:3px 9px 4px 0px;
   	text-decoration:none;
	font-family: "Lucida Grande", Arial, sans-serif;
    color: #EFFFDA;} /*color was EFFFDA */
	  
#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/extras/left_bothBL.gif") no-repeat left top;
    background-position:0 -150px;
    border-width:0;}
	  
#menu #currentheader a {
    background:url("../images/extras/right_bothBL.gif") no-repeat right top;
	background-position:100% -150px;
    padding-bottom:4px;
    color: #FFF;}
	
/* Tabbed Product Browser Menu */

#pointermenu2 {margin: 0;padding: 0;}

#pointermenu2 ul{
width:100%;
margin: 0px;
margin: 0px; /*menu offset from left edge of window*/
padding: 0px;
float: left;
font-size:90%;
background-color: #f3f3f3;
xbackground: #c00000 url(../i/leftround2.gif) bottom left no-repeat; /*optional left round corner*/}

* html #pointermenu2 ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 1em;
margin-left: 0px; /*menu offset from left edge of window in IE*/}

#pointermenu2 ul li{ display: inline;}

#pointermenu2 ul li a{
float: left;
color: #555;
font-weight: bold;
padding: 5px 8px 5px 8px;
text-decoration: none;}

#pointermenu2 ul li a:visited{
color: #555;}

#pointermenu2 ul li a:hover, #pointermenu2 ul li a#selected{ /*hover and selected link*/
color: #FFFFFF;
background: #365C01 url(../i/pointer.gif) top center no-repeat;
}

#pointermenu2 ul li a#rightcorner{
padding: 0px;
xbackground: url(../i/rightround2.gif) bottom right no-repeat; /*optional right round corner*/
}

	
	
	
/* TYPOGRAPHY ------------------------- */

h1, h2, h3{ color:#222; font-family:Helvetica, sans-serif; margin:0px; padding:0px;}
h1 {font-size: 180%;}
h2 {font-size:130%; margin-top:12px;padding-top:10px;}
h4 {font-size: 90%;
	letter-spacing:2px;
	text-transform: uppercase;
	color: #333333;
}
h1{ margin:6px 0 12px 0; padding-bottom:4px;line-height:1.1em;}
h4 a:link, a:hover a:visited {text-decoration:none;border-bottom:none;color:#333;}
h2 a:link, h2 a:hover, h2 a:visited {text-decoration:none;border-bottom:none;color:#333;}

p {line-height:1.6em;}


.red a:link {color: #CC0000;}
.alert {
	color: #CC0000;
	padding-left:26px;
	/*background-image:url(../i/look/small_alert.gif);
	background-repeat: no-repeat;
	background-position: left center;*/}
	
.hr {color:#555; border-top: 2px solid #ddd; padding-top:10px; margin-top:8px;}

 /*----Custom Call Out Box -------*/
.custom { margin: .8em 0; font-size: 10px; background-color: #DAF7B7; border: 1px dotted #66CC00; padding: 4px;  display:block; width:100%; }
.custom a, .custom a:visited {color: #619900;text-decoration: none;}
.custom p {line-height:1.3em;}
.caps {text-transform:capitalize;} /* I used this inline to capitalize the titles on some pages except Manu pages */

/* Styling for the Topcat Page default */

.topcatpage { font-size:95%; color: #888888;}
.topcatpage img { xpadding-right:10px; padding-bottom:5px;}
	
	#enhanced, #enhanced.enhancedsxn {
		width: 387px;
		margin: 0;
		padding: 0;}
	
	#topcat_head_img img {margin:0; padding:0; border:1px solid #888;}
	#enhanced img{
		padding:0px;
		border:solid 1px #888; 
		background-color:#f2f2f2;}
		
	#enhanced img:hover{
		padding:0px;
		border:solid 1px #888;}
		
	#enhanced a{
		text-align: center;
		line-height: normal;
		font-size: 11px;}

	#enhanced h2 {
		color:#222; 
		margin: 0 0 0px 0;
		padding: 5px 0px 5px 10px;
		font-size: 110%;
		font-weight: bold;
		background: #f3f3f3;
		border-bottom:1px solid #ccc;
		}
	
	.enhancedsxn {
		margin: 0 0 0 0px;
		padding: 6px 0px 5px 0px;
		color: #FFF;
		text-align:left;
		}
	
.centered p {text-align: center;}	

/* Homepage rounded box */

.box {
width:598px;
text-align:left;
border:solid 1px #F33389;
margin-top:14px;}

.box h3 {
margin:0;
padding:8px 8px 4px 14px;
color: #F33389;}

.box p {
text-align:center;
margin: 0px; 
font-size: 12px; color:#333;}

.box img{
padding:3px; border:1px solid #ccc;}

.box a:hover img {
border:1px solid #999;}

.box table {text-align:center;}

/* Homepage right column rounded box */

.rightcolumn_box {
width:190px;
text-align:center;
border:solid 1px #FD0100;
margin-top:14px;}

.rightcolumn_box h3 {
margin:0;
padding:8px 8px 4px 14px;
color: #FD0100;}

.rightcolumn_box p {
text-align:center;
margin: 0px; 
font-size: 11px; color:#FD0100;}

.rightcolumn_box img{
padding:3px;}

.rightcolumn_box a:hover img {
border:1px solid #999;}

.rightcolumn_box table {text-align:center;}


/* Homepage recent swop rounded box */

.recentswop_box {
width:598px;
text-align:left;
border:solid 1px #00B9FC;
margin-top:14px;
background: url(../images/icons/arrows.gif) no-repeat top center;}

.recentswop_box h3 {
margin:0;
padding:8px 8px 4px 14px;
color: #00B9FC;}

.recentswop_box p {
text-align:center;
margin: 0px; 
font-size: 11px; color:#333;}

.recentswop_box img{
padding:3px;}

.recentswop_box a:hover img {
border:1px solid #999;}

.recentswop_box table {text-align:center;}



/* Homepage active members rounded box */

.favusers_box {
width:598px;
text-align:left;
border:solid 1px #8EDC0C;
margin-top:14px;}

.favusers_box h3 {
margin:0;
padding:8px 8px 4px 14px;
color: #8EDC0C;}

.favusers_box p {
text-align:center;
margin: 0px; 
font-size: 11px; color:#333;}

.favusers_box img{
padding:3px;}

.favusers_box a:hover img {
border:1px solid #999;}

.favusers_box table {text-align:center;}


/*---- Sidebar Typography -------*/

#sidebar h6.topmost {padding:0px; margin:0px; text-align:left;}

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

#sidebar h6 {
	font-size: 10px;
	margin: 0em;
	color: #888;
	text-transform: uppercase;
	padding:0px;
	margin-top: 20px;
}
	
#sidebar h3 {
	font-size: 1.3em;
	letter-spacing: 1px;
	padding:1px 0 0px 0px;
	margin: 0em 0em .1em 0em;
	color: #111;}

/* Nav Drop Down Lists in #Sidebar -------*/

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

ul#productabs {list-style-type: none;margin: 0;padding: 0; text-transform: capitalize;}
ul#productabs li a{
	text-align: left;
	display: block;
	margin: 0;
	line-height: 1.1em;
	padding: 2px 0 2px 0px;
	color: #898989;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #dedede;}
ul#productabs li a:hover{
	color: #F69010;
	border-bottom:1px solid #ccc;}
ul#productabs ul {
	text-align: left;
	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; background:url(../images/extras/navsqr.jpg) no-repeat left 50%;}
ul#productabs li ul li a {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#555;
	border-bottom: none;
	margin-left:10px;} 
ul#productabs li ul li a:hover {border-bottom:none; color:#333333;}
	
/* ---[ 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:0px;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;}
.smaller {font-size:10px;}
.small {font-size:90%;}

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

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

/* Product Pages ---------------------------------------------------------------- */

.dropcap:first-letter {
	font-family: Georgia, serif;
	font-size: 210%;
	line-height: normal;
	text-transform: capitalize;
	color:#222;
	padding-right:1px;
}

#freeshipping {padding: 0;text-align: left;margin:0px;background-image: url(../images/extras/free_shipping.jpg);
	background-repeat: no-repeat;
	background-position: right top;}

h1.title { font-size:152%;padding-right:112px; padding-bottom:28px; margin-bottom: 4px;line-height:1.1em;}

h3.price {
	color:#444;
	padding: 0px;
	margin-top:30x;
	margin-bottom:10px;
	font-style: normal;
	font-size:135%;
}

.centered { text-align: center;}

.mainpic { padding-top:16px; }
.mainpic a:link{ border-bottom: none; }
.enlarge {font-size: 10px; color:#999999; padding:0px; margin-bottom:2px;}
#productdescription2 p {line-height:1.6em; }
#productdescription {text-align:left; margin:0 30px 30px 30px;}
#productdescription p {line-height:1.7em;  font-size:12px; }

p.quotedesc2 { text-indent: 28px; background: url(../images/icons/quotel.jpg)  no-repeat left top; padding-top:3px;}

li.moreimages { display: block; margin: 0 0 5px 0; padding: 0 2px 0 0; float:left; width:67px;}
li.attributeimgs { 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;}

p.quotedesc {text-indent: 28px;background: url(../images/icons/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;}

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;
	padding:0 0 1px 12px;
	line-height: normal;
	background-image: url(../images/extras/blksqr2.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;} 
	
#buybox {clear:both;}

#navcontainer {	background-color: #ffffff;width: 100%;}

#navcontainer ul {margin-left: 0px;padding-left: 0;list-style-type: none;font-size:90%;}
#navcontainer a { display: block; padding: 8px; width:180px; background-color: #f2f2f2; border-bottom: 1px solid #FFFFFF;}
#navcontainer a:link, #navlist a:visited {color: #777; text-decoration: none;}
#navcontainer a:hover {background-color: #e7e7e7;color: #444;}
#navcontainer ul li a{
	background-image:url(../images/extras/arrow_tool.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

/* Footer ---------- */

#footer p:hover { color: #555;}

#footer {
	clear: both;
	margin: 0;
	padding: 0px;
	background-color:#f1f1f1;
	border-top:1px solid #ccc;
	font-size: 86%;}
	
#footer-inner {
	width: 780px;
	margin: 0 auto;
	padding: 0;
	text-align:left;}
	
#footer p {
	margin: 0;
	padding:12px 0 12px 0;
	color: #777;}
	
#underworld {
	clear:both;
	font-size:86%;
	height:auto;
	margin: 0; padding: 0;
	background:#333;
	}
#underworld-inner {
    height:auto;
	width: 780px;
	margin: 0 auto; padding: 0 6px;
	text-align:left; }
	
#underworld p { color:#666; }
/* #underworld a { color:#666;} */
	
/* The HUGE footer table --------------------------- */

table.underworld ul{
	margin: 0 22px 1.4em 0;
	padding: 0px;
	list-style: none;}
	
table.underworld ul li {
	list-style-type: none;
	margin:0px;
	padding:0px;}

table.underworld ul li a, table.underworld ul li a:visited {
	color: #666;
	text-decoration:none;
	display: block;
	margin: 0; padding: 4px 4px 4px 17px;
	background-image: url(../images/icons/noodle_grey.gif) no-repeat left 50%;}

table.underworld ul li a:hover {
	color: #e2e2e2;
	background-image: url(../images/extras/noodle.gif) no-repeat left 50%;
}

table.underworld h4 {
	border-bottom:1px solid #414141;
	padding-bottom:6px;
	font-size:100%; xfont-family: Georgia, serif; font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center; color: #999;
}

/* Feedbag styling */
table.underworld ul.feeds li a {
    margin-left:8px;
	background-image: url(../images/icons/rss_grey.jpg);
	background-repeat: no-repeat;
	background-position: left 50%;
}

table.underworld ul.feeds li a:hover{
	background-image: url(../images/icons/rss_green.jpg);
	background-repeat: no-repeat;
	background-position: left 50%;
}

/* ---[ sitewide forms ]--------------------- */

/* SEARCH IN HEADER */
	
form#search {
	margin:0; padding:0;}
form#search input.search { 				    		    
	border: 1px solid #F69010; /*006600*/
	font-size: 14px;
	color: #F69010;
	margin: 6px 2px 6px 2px;
	padding:3px;
	vertical-align:middle; }
	
label {font-weight:bold;vertical-align:middle; }

form table tr td textarea { font-family: "Lucida Grande", Geneva, Arial, Verdana; font-size: 12px;}

select {font-size: 10px;}
select.smalldrop {font-size:10px;}	


/* NEWSLETTER SIGN UP */
/* #lists p {xpadding-left:20px; color: #433E3A;} */

.signupbox {width: 290px; background: url(../i/look/sitewide/signup_bot.gif) no-repeat bottom left;}
.signupbox h3 {margin:0;padding:6px 4px 5px 8px;font-family: "Lucida Grande", Arial, sans-serif;font-size:96%;color:#ffffff;border-bottom:1px solid #2A4801;background: url(../i/look/sitewide/signup.gif) no-repeat top left;}
	
.signupbox_600 {width: 600px; background: url(../i/look/sitewide/signup_bot_600.gif) no-repeat bottom left;}
.signupbox_600 h3 {margin:0;padding:6px 4px 5px 8px;font-family: "Lucida Grande", Arial, sans-serif;font-size:96%;color:#fff;background: url(../i/look/sitewide/signup_600.gif) no-repeat top left;}
	
#lists {padding: 0 12px 20px 12px;}
form#lists {margin:0; padding:0;padding: 0 12px 4 12; font-size:90%;}
form#lists input.listinput {
	font-family: Arial, Helvetica, sans-serif; 
	border: 1px solid #999;
	font-size: 14px;
	padding:2px;
	margin:2px;
	vertical-align:middle; }
	
.subscriptions {padding-left:10px;font-size:90%;}

	
/* REGISTRY / ACCOUNTS STYLES */
	
.useraccount{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color:#F0F0F0;
	padding: 0px;
}
	
form#useraccount input.useraccount { /* Stylized Forms in the User Accounts */
	border: 1px solid #999;
	padding-left:0px;
	font-size:14px;
	padding:2px;
	margin:4px 4px 4px 0px;
	background-color:#FFFFFF;
	vertical-align:middle;}
	
	
/* TESTIMONIALS */

ul.testimonials {list-style-type: none; margin: 0px; padding: 10px 0px 10px 0px; xbackground-color: #E3EECD;}
ul.testimonials p {background-color:#E5E4D8 ;padding:10px;}
ul.testimonials li.testquote {padding:0px; color: #333; font-size:11px;padding:0px;line-height:1.5em;}
ul.testimonials span.testcity {
	font-weight:bold; color: #333;
	margin-top:0px;
}

ul.testimonials li.testfrom {font-weight:bold;font-size:11px;}
ul.coolnav li {list-style-image: url(../i/look/back.gif);}

	
/* Images Borders */

img {border:0;}
.imgborder img {border: 1px solid #888;background:#f2f2f2;padding:0px; margin-right:8px;}
.border {
border-right: 1px solid #555;
border-left: 1px solid #888;
border-top: 1px solid #888;
border-bottom: 1px solid #666;
background:#f2f2f2;padding:0spx; margin-right:8px;text-align:center;}

/* Drop Shadows */

div.shadow {
  padding: 0 1px;
  background: #bfbfbf;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  position: relative;
}

div.shadow img {
  padding: 5px 5px 9px 5px;
  background: white url(../i/look/dropshadows/shad_bottom.png) repeat-x bottom left;
}

div.shadow img.nomatte {
  padding: 0 0 4px 0;
  background: white url(../i/look/dropshadows/shad_bottom.png) repeat-x bottom left;
}

div.shadow div.topleft {
  width: 2px;
  height: 4px;
  background: url(../i/look/dropshadows/shad_tlcorner.png) no-repeat top left;
  position: absolute;
  top: 0px;
  left: -1px;
}

div.shadow div.topright {
  width: 2px;
  height: 4px;
  background: url(../i/look/dropshadows/shad_trcorner.png) no-repeat top right;
  position: absolute;
  top: 0px;
  right: -1px;
}

div.shadow div.bottomleft {
  width: 4px;
  height: 4px;
  background: url(../i/look/dropshadows/shad_blcorner.png) no-repeat bottom left;
  position: absolute;
  bottom: 0px;
  left: -1px;
}

div.shadow div.bottomright {
  width: 4px;
  height: 4px;
  background: url(../i/look/dropshadows/shad_brcorner.png) no-repeat bottom right;
  position: absolute;
  bottom: 0px;
  right: -1px;
}
/*---------[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;}
	
.backorderedmsg a, .specialmsg a {margin:0px;padding:0px;line-height: 15px;color: #CC0000;}

/* TRASH */ 
/*

.dropcap:first-letter {
 float: left;
 font-family: Old English, Georgia,serif;
 font-size: 36px;
 width:auto;
 line-height: 0.85em;
 margin-right: 0.03em;
 margin-bottom:-0.3em;
 padding: 0.18ex 0 0 0;
 overflow: visible;}

*/
ul.whyus {
	line-height:1.6em;
	list-style-type: none;
	padding:0px;
}

ul.whyus li{
	background-image: url(../images/icons/checkmark.gif);
	background-repeat: no-repeat;
	background-position: left top;padding-left:22px;
}

/* styles below added 17 may 2007 by Alana */

	
a.cloudlink_1:link {
	text-decoration: underline;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 80%;
	}
a.cloudlink_1:visited {
	text-decoration: underline;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 80%;
	}
a.cloudlink_1:hover {
	text-decoration: none;
	color: #8EDC0C;
	background-color: #FFFFFF;
	font-size: 80%;
	}
a.cloudlink_1:active {
	text-decoration: underline;
	color: #8EDC0C;
	background-color: #FFFFFF;
	font-size: 80%;
	}

a.cloudlink_2:link {
	text-decoration: underline;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 100%;
	}
a.cloudlink_2:visited {
	text-decoration: underline;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 100%;
	}
a.cloudlink_2:hover {
	text-decoration: none;
	color: #8EDC0C;
	background-color: #FFFFFF;
	font-size: 100%;
	}
a.cloudlink_2:active {
	text-decoration: underline;
	color: #8EDC0C;
	background-color: #FFFFFF;
	font-size: 100%;
	}

a.cloudlink_3:link {
	text-decoration: bold, underline;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 110%;
	}
a.cloudlink_3:visited {
	text-decoration: bold, underline;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 110%;
	}
a.cloudlink_3:hover {
	text-decoration: bold;
	color: #8EDC0C;
	background-color: #FFFFFF;
	font-size: 110%;
	}
a.cloudlink_3:active {
	text-decoration: bold, underline;
	color: #8EDC0C;
	background-color: #FFFFFF;
	font-size: 110%;
	}
	
a.cloudlink_4:link {
	text-decoration: bold, underline;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 120%;
	}
a.cloudlink_4:visited {
	text-decoration: bold, underline;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 120%;
	}
a.cloudlink_4:hover {
	text-decoration: bold;
	color: #8EDC0C;
	background-color: #FFFFFF;
	font-size: 120%;
	}
a.cloudlink_4:active {
	text-decoration: bold, underline;
	color: #8EDC0C;
	background-color: #FFFFFF;
	font-size: 120%;
	}
	
	
a.breadcrumb_sm:link {
	text-decoration: bold;
	color: #000000;
	font-size: 70%;
	}
a.breadcrumb_sm:visited {
	text-decoration: bold;
	color: #000000;
	font-size: 70%;
	}
a.breadcrumb_sm:hover {
	text-decoration: underline;
	color: #F69010;
	background-color: #FFFFFF;
	font-size: 70%;
	}
a.breadcrumb_sm:active {
	text-decoration: bold;
	color: #F69010;
	font-size: 70%;
	}
	
a.orange_link_sm:link {
	text-decoration: underline;
	color: #F69010;
	font-size: 70%;
	}
a.orange_link_sm:visited {
	text-decoration: underline;
	color: #F69010;
	font-size: 70%;
	}
a.orange_link_sm:hover {
	text-decoration: none;
	color: #333333;
	background-color: #FFFFFF;
	font-size: 70%;
	}
a.orange_link_sm:active {
	text-decoration: underline;
	color: #F69010;
	font-size: 70%;
	}
	
a.orangelink:link {
	text-decoration: underline;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 100%;
	}
a.orangelink:visited {
	text-decoration: underline;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 100%;
	}
a.orangelink:hover {
	text-decoration: none;
	color: #F69010;
	background-color: #FFFFFF;
	font-size: 100%;
	}
a.orangelink:active {
	text-decoration: underline;
	color: #F69010;
	background-color: #FFFFFF;
	font-size: 100%;
	}

a.whitelink:link {
	text-decoration: underline;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 100%;
	}
a.whitelink:visited {
	text-decoration: underline;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 100%;
	}
a.whitelink:hover {
	text-decoration: none;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 100%;
	}
a.whitelink:active {
	text-decoration: underline;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 100%;
	}
	
a.catblok:link {
	text-decoration: none;
	color: #000000;
	font-size: 100%;
	}
a.catblok:visited {
	text-decoration: none;
	color: #000000;
	font-size: 100%;
	}
a.catblok:hover {
	text-decoration: underline;
	color: #8EDC0C;
	background-color: #FFFFFF;
	font-size: 100%;
	}
a.catblok:active {
	text-decoration: none;
	color: #8EDC0C;
	font-size: 100%;
	}	
	
a.greenlink:link {
	text-decoration: underline;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 100%;
	}
a.greenlink:visited {
	text-decoration: underline;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 100%;
	}
a.greenlink:hover {
	text-decoration: none;
	color: #8EDC0C;
	background-color: #FFFFFF;
	font-size: 100%;
	}
a.greenlink:active {
	text-decoration: underline;
	color: #8EDC0C;
	background-color: #FFFFFF;
	font-size: 100%;
	}
	
a.bluelink:link {
	text-decoration: underline;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 100%;
	}
a.bluelink:visited {
	text-decoration: underline;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 100%;
	}
a.bluelink:hover {
	text-decoration: none;
	color: #00B9FC;
	background-color: #FFFFFF;
	font-size: 100%;
	}
a.bluelink:active {
	text-decoration: underline;
	color: #00B9FC;
	background-color: #FFFFFF;
	font-size: 100%;
	}
	
	
a.pinklink:link {
	text-decoration: underline;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 100%;
	}
a.pinklink:visited {
	text-decoration: underline;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 100%;
	}
a.pinklink:hover {
	text-decoration: none;
	color: #F33389;
	background-color: #FFFFFF;
	font-size: 100%;
	}
a.pinklink:active {
	text-decoration: underline;
	color: #F33389;
	background-color: #FFFFFF;
	font-size: 100%;
	}
		

.red_header {
	color: #FD0100;
	font-size: 120%;
	font-weight: normal;}
	
.redTxTBold {
	color: #FD0100;
	font-size: 80%;
	font-weight: bold;}
	
.redTxTNormal {
	color: #FD0100;
	font-size: 80%;
	font-weight: normal;}

	
.witTxTBold {
	color: #FFFFFF;
	font-size: 80%;
	font-weight: bold;}
	
.witTxTNormal {
	color: #FFFFFF;
	font-size: 80%;
	font-weight: normal;}
	

.blackTxtBold {
	color: #000000;
	font-size : 80%;
	font-weight: bold;}
	
.blackTxtNormal {
	color: #000000;
	font-size: 80%;
	font-weight: normal;}
	
.blackTxtSm {
	color: #000000;
	font-size: 70%;
	font-weight: normal;}
	
.orange_sm{
	color: #F69010;
	font-size: 70%;
	font-weight: normal;}
	
.menu {
	background-color: #FEE300;
	}
	
.white {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 80%;
	font-weight: bold;}

table.red {
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: #FD0100;
	border-collapse: separate;
	background-color: #FFFFFF;
}
table.red th {
	border-width: 1px;
	padding: 1px;
	border-style: outset;
	border-color: #FD0100;
	background-color: #FD0100;
	color: #FFFFFF;
	-moz-border-radius: ;
}
table.red td {
	border-width: 0px;
	padding: 1px;
	border-style:outset ;
	border-color: #FD0100;
	background-color: #FFFFFF;
	-moz-border-radius: ;
	color: #000000;
	font-size: 100%;
	font-weight: normal;
}

table.blue {
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: #00B9FC;
	border-collapse: separate;
	background-color: #FFFFFF;
}
table.blue th {
	border-width: 1px;
	padding: 1px;
	border-style: outset;
	border-color: #00B9FC;
	background-color: #00B9FC;
	color: #FFFFFF;
	-moz-border-radius: ;
}
table.blue td {
	border-width: 0px;
	padding: 1px;
	border-style:outset ;
	border-color: #00B9FC;
	background-color: #FFFFFF;
	-moz-border-radius: ;
	color: #000000;
	font-size: 100%;
	font-weight: normal;
}


table.green {
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: #8EDC0C;
	border-collapse: separate;
	background-color: #FFFFFF;
}
table.green th {
	border-width: 1px;
	padding: 1px;
	border-style: outset;
	border-color: #8EDC0C;
	background-color: #8EDC0C;
	color: #FFFFFF;
	-moz-border-radius: ;
}
table.green td {
	border-width: 0px;
	padding: 1px;
	border-style: outset;
	border-color: #8EDC0C;
	background-color: #FFFFFF;
	-moz-border-radius: ;
	color: #000000;
	font-size: 100%;   
}


table.yellow {
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: #FEE300;
	border-collapse: separate;
	background-color: #FFFFFF;
}
table.yellow th {
	border-width: 1px;
	padding: 1px;
	border-style: outset;
	border-color: #FEE300;
	background-color: #FEE300;
	color: #FFFFFF;
	-moz-border-radius: ;
}
table.yellow td {
	border-width: 0px;
	padding: 1px;
	border-style: outset;
	border-color: #FEE300;
	background-color: #FFFFFF;
	-moz-border-radius: ;
	color: #000000;
	font-size: 100%
}


table.pink {
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: #F33389;
	border-collapse: separate;
	background-color: #FFFFFF;
}
table.pink th {
	border-width: 0px;
	padding: 1px;
	border-style: outset;
	border-color: #F33389;
	background-color: #F33389;
	color: #FFFFFF;
	-moz-border-radius: ;
}
table.pink td {
	border-width: 0px;
	padding: 1px;
	border-style: outset;
	border-color: #F33389;
	background-color: #FFFFFF;
	-moz-border-radius: ;
	color: #000000;
	font-size: 100%;
}


table.orange {
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: #F69010;
	border-collapse: separate;
	background-color: #FFFFFF;
}
table.orange th {
	border-width: 1px;
	padding: 1px;
	border-style: outset;
	border-color: #F69010;
	background-color: #F69010;
	color: #FFFFFF;
	-moz-border-radius: ;
}
table.orange td {
	border-width: 0px;
	padding: 1px;
	border-style: outset;
	border-color: #F69010;
	background-color: #FFFFFF;
	-moz-border-radius: ;
	color: #000000;
	font-size: 100%;
}