@charset "utf-8";
/* CSS Document */
/* Smartshopper USA */
/* September 2009 */

/* Reset browser styles */
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, blockquote, pre,a, abbr, em, font, img, small, strike, sub, sup, ol, ul, li,fieldset, form, label, caption {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;} caption, {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}

body {
	background: #17027b url('images/background.jpg') repeat-y center center;
	color: #000000;
	font-family: Verdana, Arial;
	font-size: 12px;
	text-align: center;
}

p {
	line-height: 19px;
	margin-bottom: 15px;
}

a {
	color: #17027b;
	text-decoration: underline;
}

#tagline {
	color: #0e0277;
	float: left;
	font-family: Verdana, Arial;
	margin-top: 49px;
	margin-left: -203px;
}

#headertext {
	margin: -7px 0px 14px 0px;
	font-weight: bold;
}

#limited-offer {
	color: #ff1401;
}

#limited-offer2 {
	color: #0e0277;
}


/* ------- Containers -------- */

#pg-container {
	height: auto;
	margin: 0 auto;
	margin-top: 12px;
	margin-bottom: 10px;
	text-align: left;
	width: 922px;
}

#header {
	text-align: right;
	padding-top: 10px;
}

html>/**/body #header {
	padding-top: 0px;
}

#content-container {
	float: left;
	width: 650px;
}

#sidebar {
	float: right;
	width: 250px;
}

/* --------- Headers --------- */

.box-header {
	background: url('images/header-bg.gif');
	border: 1px solid #4f409b;
	height: 28px;
	margin-bottom: 12px;
	width: 100%;
}

h1 {
	color: #17027b;
	font-size: 15px;
	font-weight: bold;
	margin: 4px 0px 0px 7px;
}

h2 {
	color: #17027b;
	font-size: 14px;
	font-weight: bold;
}

h3 {
	color: #17027b;
	font-size: 13px;
	font-weight: bold;
}


/* -------- Navigation -------- */

#top-nav {
	background: url('images/top-nav-bg.gif');
	border: 1px solid #000000;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	height: 28px;
	margin-bottom: 22px;
	width: 100%;
}

#top-nav #navlinks {
	margin-left: 20px;
}

#top-nav a {
	color: #FFFFFF;
	outline: none;
	text-decoration: none;
}

#top-nav a:hover {
	text-decoration: underline;
}           

.buytab {
 background: url('images/top-nav-buy-bg.gif');

}

/* 
	LEVEL ONE
*/
ul.dropdown                         { float: left; position: relative; margin-top: 0px; padding-top: 0px; margin-left: -20px; }
* html ul.dropdown  { margin-left: -10px; }
ul.dropdown li                      { float: left; display: block; margin: 0px; padding: 0px; padding: 0px 11px; border-right: 1px solid #4f409b; color: #FFF; padding-top: 5px; padding-bottom: 8px; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { padding-top: 10px; padding-bottom: 10px; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { color: #FFFFFF; position: relative; }
ul.dropdown li.hover a              { color: #FFFFFF; }

/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 165px; visibility: hidden; position: absolute; top: 100%; left: -2px; text-align: left; margin: 0px; padding: 0px; border: 1px solid #4f409b; font-size: 13px; }
ul.dropdown ul li 					{ font-weight: normal; background: #7063ae; color: #000; float: none; border: 0px; padding: 0px; display: inline-block; }
html>/**/body ul.dropdown ul li  {display: block;}
                                    	/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a		{ color: #FFFFFF; border-right: none; width: 100%; display: inline-block; padding: 5px 10px 10px 2px; padding-left: 10px; } 


/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; margin-top: -1px; }
ul.dropdown li:hover > ul 			{ visibility: visible; }


/* -------- Testimonial Slider  -------- */

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
margin-bottom: 5px;
width: 240px; /*width of featured content slider*/
height: 145px;
margin-left: 5px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
background: white;
width: 240px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
text-align: left;
}

.pagination{
width: 240px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
}

.pagination a{
padding: 0 5px;
background: white;
text-decoration: none;
}

.pagination a:hover, .pagination a.selected{
text-decoration: underline;
}

/* -------- End Testimonial Slider  -------- */

/* -------- Tabbed Box  -------- */

.tabbed-box {
	background: #fff url(tabbed-body-bg.jpg) repeat-x bottom;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	width: 435px;
}
.tabbed-box .tabs {
	margin: 0px;
	padding: 0px;
	margin-top: -5px;
}
.tabbed-box .tabs li {
	list-style: none;
	float: left; 
}
.tabbed-box .tabs li a {
	display: block;
	width: 108px;		
	padding: 5px 0;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #333;
	background: #fff url('images/header-bg.gif') repeat-x bottom; 
	border-left: 1px solid #4f409b;
	border-bottom: 1px solid #4f409b;
}
.tabbed-box .tabs li:first-child a {
	border-left: none;
}
.tabbed-box .tabs li a:hover {
	color: #333;
}
.tabbed-box .tabs li a:focus {
	outline: none;
}
.tabbed-box .tabs li a.active {
	background: url('images/top-nav-bg.gif');
	color: #ffffff;
	border-bottom: 1px solid #4f409b;
}
.tabbed-content {
	padding: 3.5em 1em 0em 1em;
	display: none;
}
.tabbed-content ul {
	padding-top: 0px;
}


* html .tabbed-content {
	padding: 1em 1em 0em 1em;
}


/* -------- Content -------- */

.textbox {
	border: 1px solid #17027b;
	font-family: Verdana, Arial;
	font-size: 12px;
	margin: 2px 0px 10px 0px;
	padding: 3px;
	width: 223px;
}

ul {
	margin-left: 30px;
	padding-top: 12px;
}

ul li {
	margin-top: 5px;
}

hr {
	background-color: #7063ae;
	border: 1px;
	color: #4f409b;
	height: 1px;
}

.gray {
	background-color: #ddd;
	border: 1px;
	color: #ddd;
	height: 1px;
	margin: 10px 0px 10px 0px;
}

.price {
	font-size: 16px;
	margin-top: 17px;
}

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

.sidebar-content {
	padding: 5px;
}

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

#footer {
	clear: both;
	text-align: center;
}

#footer ul {
	list-style-type: none;
	padding: 10px 0px 10px 0px;
}

#footer ul li {
	display: inline;
	padding: 0px 10px 0px 10px;
}