@import 'reset.css';

body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Tahoma, Helvetica;
	font-size: 100%;
	background:#FFF5F8 url(../images/background.gif) repeat-x top;
	}
	
#container {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	}
	
p, .body p { padding: 0 0 15px 0 !important;}

a {
	color: #000;
}

a:active {
	color: #000;
	text-decoration: underline;
}

a:visited {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #C04077;
	text-decoration: underline;
}

a:visited:hover {
	color: #C04077;
	text-decoration: underline;
}


/*////////// begin header //////////*/

#header {
	margin: 0;
	padding: 0;
	width: 1000px;
	height: 146px;
	}
	
#menubar {
	height:36px;
	line-height:36px;
	font-size: 13px;
	font-weight:normal;
	margin-bottom:0 !important;
	margin-bottom:4px;
	float: right;
	position: relative;
}

.menulava {
	position: relative;
	padding: 0;
	margin: 0px;
}

* html .menulava {
	width: 800px;
}

.menulava li {
	float: left;
	list-style: none;
	display:inline;
}
.menulava li a {
	position:relative;
	color:#fff;
	height:26px;
	line-height:30px;
	padding:0 20px;
	text-decoration:none;
	font-size:13px;
	float:left;
	z-index:10;
	text-align:center;
}
.menulava li a:hover, .menulava li a:active, .menulava li a:visited {
	color:#fff;
	text-decoration:none;
}
.menulava li.back {
	background: url("../images/lava.gif") no-repeat right bottom;
	z-index:1;
	position: absolute;
}
.menulava li.back .left {
	background: url("../images/lava.gif") no-repeat left bottom;
	height: 28px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
	float:none;
}

	
#logo-box {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 146px;
	}
	
#header-image {
	float: right;
	margin:15px 10px 0 0;
	padding: 0;
	width: 676px;
	height: 83px;
	background: url(../images/statement.jpg) no-repeat right center;
	}
	
/*/ begin main navigation /*/
	
#nav {
	margin: 0;
	padding: 0;
	width: 1000px;
	height: 51px;
	background: url(../images/bg_top.jpg) no-repeat top left;
	position: relative;
	}
	
#logo {
	height:auto;
	position: absolute;
	top: -110px;
	left: 25px;
	margin: 0;
	padding: 0;
	font-size: 2.50em;
	font-weight: bold;
	color: #fff;
}
	
#topNav {
	margin: 0;
	padding: 18px 10px 0 0;
	float: right;
	color: #fff;
	}
	
#topNav a {color: #fff;}
#topNav a:hover {color: #F8CFDC;text-decoration: none;}
#topNav ul {margin: 0; padding:0; display: inline;}
	
#topNav ul li {
	color: #fff;
	display: inline;
	padding: 0 5px;
	list-style: none;
	margin: 0;
	}

/*
#topNav .left {
	float: left;
	width: 2%;
	}

#topNav .center {
	width: 96%;
	}

#topNav .center .link {
	float: left;
	padding: 0 8px 0 8px;
	width: 145px;
	text-align: center;
	}

#topNav .center .link a {
	font-size: 1.40em;
	text-decoration: none;
	color: #484848;
	}

#topNav .center .link a:hover {
	color: #6e6e6e;
	}

#topNav .center .spacer {
	float: left;
	width: 25px;
	height: 35px;
	}

#topNav .right {
	float: left;
	width: 2%;
	}
*/
/*/ end main navigation /*/
	
/*////////// end header //////////*/

/*////////// begin content //////////*/

#content {
	float: left;
	margin: 0;
	padding: 0;
	width: 1000px;
	background: #fff;
	}
	
#content-left {
	float: left;
	margin: 0;
	padding: 0;
	width: 210px;
	}
	
#content-middle {
	float: left;
	margin: 0;
	padding: 10px;
	width: 770px;
	}

#content-right {
	float: left;
	margin: 0;
	padding: 0;
	width: 210px;
	}
	
/*////////// end content //////////*/

/*////////// begin footer //////////*/

#footer {
	float: left;
	margin: 0;
	padding: 0 0 10px 0;
	width: 1000px;
	background: none;
	color: #000;
	}
	
/*////////// end footer //////////*/

hr {display: none!important;}

#pageContent ul {padding: 0 0 10px 0; margin: 0 0 0 10px;}
#pageContent ul li {padding: 0 0 5px 12px; margin: 0; list-style: none; background: url(../images/bg_list_sub.gif) no-repeat; background-position: 0 7px; }

#pageContent a, #pageContent a:active, #pageContent a:focus, #pageContent a:link, #pageContent a:visited  {color: #000;}
#pageContent a:hover {color: #C04077;}

.clear {clear: both;}

#widgetFooter {
	width: 990px;
	padding: 10px 5px 0 5px;
	}
#widgetFooter .actionItems, #widgetFooter .copyright {
	color: #000;
	padding: 0;
	margin: 0;
	float: left;
	}
	
#widgetFooter .actionItems ul, #widgetFooter .actionItems ul li{margin: 0; padding: 0}	
.sslseal {float: right; width: 150px; text-align: right;}
#widgetFooter .copyright {width: 820px; padding: 15px 0 0 0; text-align: left; line-height: 18px; margin: 0; float: left; font-size: 11px}	

#widgetFooter .actionItems a, #widgetFooter .copyright a{
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}

#widgetFooter .actionItems a:hover, #widgetFooter .copyright a:hover {
	color: #C04077;
	text-decoration: none;
}

#widgetFooter .copyright a{font-weight:normal!important; font-size: 11px;}	


#widgetFooter .nav, #widgetFooter .nav ul{
	float: left;
	padding: 0;
	margin: 0;
	width: 200px;
	}
	
#widgetFooter .nav ul{
	margin: -3px 0 0 0;
}
	
#widgetFooter .nav .title {
	color: #C04077;
	display: none;
	line-height: 0px !important;
	height: 0px !important; 
	visibility: hidden;
	margin: 0 !important;
	padding:0 !important;
	font-size: 0px !important;
}
	
#widgetFooter .nav ul li{
	padding: 0 5px;
	margin: 0;
	display: inline; 
	list-style: none;
	float: left;
}

#widgetFooter .nav ul li a{
	color: #C04077;
	font-weight: bold;
}

#widgetFooter .nav ul li a:hover{
	color: #C04077;
	text-decoration: none;
}

.pink {color:#C04077}

#widgetInformation {background: #fff; font-size: 13px; font-family: "Trebuchet MS", Arial, Tahoma, Helvetica;}
#widgetInformation .top {
	padding-top: 10px;
	padding-bottom: 0;
	line-height: 47px;
	height: 47px;
}
#widgetInformation .body ul  {margin: 0; padding: 0; }
#widgetInformation .body ul li {margin: 0; padding: 5px 0; }
#widgetInformation .body ul li a {
	padding-left: 20px;
	font-family: "Trebuchet MS", Arial, Tahoma, Helvetica;
	font-size: 13px;
	background: url(../images/bullet.jpg) no-repeat 0 2px;
	}
#widgetInformation .body ul li a:hover {
	color:#C04077;
	}
	
h2 {margin: 0 0 10px 0; padding: 0; color: #99054E !important; font-size: 17px !important; font-weight: bold;}
h3 {margin: 0 0 15px 0; padding: 10px 0 0 0; color: #000 !important; font-size: 14px !important; font-weight: bold;}

.hdr-title {
	background-color: #9C0950 !important;
	color: #fff !important;
	padding-left: 5px;
}

#pageNote {margin: 5px 0;}

.form-label {
  	width: 30%!important;
}

.form-label-required {
  	width: 30%!important;
}
.form-label {font-weight: bold; }

#topOptions {display: none;}

#viewCart, #customerLogin, #clientAccount, #checkoutConfirm, #checkoutComplete, #otherStats{width: 770px; margin: 0; padding: 0}
#otherStats {float: left;}

#checkoutConfirm #orderDetails, #clientAccount #orderDetails {width: 758px;}
#checkoutConfirm #orderDetails td, #clientAccount #orderDetails td {padding: 2px;}

#checkoutConfirm #billInfo, #checkoutConfirm #shipInfo, #checkoutConfirm #paymentInfo,
#clientAccount #billInfo, #clientAccount #shipInfo, #clientAccount #paymentInfo
{clear: none; float: left; width:244px;}

#customerLogin #createCustomer {width: 100%;}
.submitOrder {background-color: #fff; text-align: right; width: 750px;}
#clientAccount #orderList {width: 758px;}
#clientAccount #orderList table, #clientAccount #subscriptionOrderList table {width: 748px;}

#customerLogin #existingCustomer {
	width: 380px;
	clear: left;
	float: left;
	height: auto;
}

#customerLogin #newCustomer {
	width: 380px;
	float: right;
	height: auto;
}

#viewCart #cartItems {
	width: 100%;
}

#viewCart #cartItems thead tr th {
	background-color: #9C0950;
	line-height: 22px;
	padding: 0 2px;
}

table.shipp {
	border-collapse: collapse;
	width: 50% !important;
	margin: 10px auto;
	clear: both;
}

table.shipp td {
	padding: 2px;
	border: 1px solid #FAEDF2;
	border-collapse: collapse;
}
table.shipp td.title {
	background: #FAEDF2;
	text-align: center;
	font-weight: bold;
}

.note {border: 2px solid #99054E; padding: 5px; width: 70%; margin: 10px auto; text-align: center; font-weight: bold; line-height: 14px !important}
.note p {padding: 0 0 5px 0; line-height: 14px !important}

#productGrid .content-odd2 {
	width: 750px;
}

#productGrid .photo {
	width: 250px;
	float: left;
	clear: none;
}

#productGrid .title {
	width: 450px;
	clear: none;
	text-align: left;
}

#productGrid .title a {
	color: #000;
}

#productGrid .title a:hover {
	color: #C04077;
}

#productGrid .description {
	width: 450px;
	clear: none;
	text-align: left;
}

#productGrid .details, #productGrid .options {
	width: 400px;
	clear: none;
	float: left;
}

#productGrid .details .sprice, #productGrid .details .buttons, #productGrid .details .buttons .detailBtn {text-align:left;}
#productGrid .details .sprice {color: #99054E; background:url(../images/dvd_icon.jpg) no-repeat top left; padding-left: 45px; min-height: 25px; height: auto !important; height: 25px;}

#productGrid .details .buttons .detailBtnNoImg, #productGrid .details .buttons .addToCartBtnNoImg {display: inline; float: left; margin: 0 10px 0 0;}
#productGrid img, .form-field input, input.submitBtn {width: auto !important; height: auto!important;}

ul.spec {padding: 0 0 0 5px; margin: 0 0 10px 0; display: block; float: left; width: 220px;}
ul.spec li {padding: 0 0 3px 12px; margin: 0; list-style: none; background: url(../images/bg_list_sub.gif) no-repeat; background-position: 0 7px; }

#actioncall {
	float: right;
	height: auto;
	width:318px;
	border: 1px solid #929292;
	background: url(../images/bg_actioncall.jpg) repeat-x top;
}

#actioncall img {
	float: right;
}

/*////////// begin front end edits //////////*/

.editLogoText {margin: -12px 0 0 2px; padding: 0;}

.editProduct {float: right; margin: 0; padding: 0;}

.editCategory {float: right; margin: 0; padding: 0;}

.editCartBtn {position: relative; top: 0; left: 45px; margin: 0; padding: 0;}

.editDetailBtn {position: relative; top: 0; left: 20px; margin: 0; padding: 0;}

.editNavMenu {position: absolute; margin: 2px 0 0 15px; padding: 0;}

.editFooterMenu {float: right; margin: 0; padding: 0;}

.editFooterWidget {position: relative; margin: 0; padding: 0; top: 7px; left: 13px;}

.deleteFooterWidget {position: relative; margin: 0; padding: 0; top: -9px; left: 38px;}

/*/ begin category widget /*/

.editCategoryWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 125px;}

.deleteCategoryWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 151px;}

.swapCategoryWidgetBullet {position: relative; margin: 0; padding: 0; left: -4px;}

/*/ end category widget /*/

/*/ begin currency widget /*/

.editCurrencyWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 125px;}

.deleteCurrencyWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 151px;}

/*/ end currency widget /*/

/*/ begin featured widget /*/

.editFeaturedWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 125px;}

.deleteFeaturedWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 151px;}

/*/ end featured widget /*/

/*/ begin information widget /*/

.editInformationWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 125px;}

.deleteInformationWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 151px;}

.swapInformationWidgetBullet {position: relative; margin: 0; padding: 0; left: 8px;}

/*/ end information widget /*/

/*/ begin language widget /*/

.editLanguageWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 125px;}

.deleteLanguageWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 151px;}

/*/ end language widget /*/

/*/ begin new arrivals widget /*/

.editNewArrivalsWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 125px;}

.deleteNewArrivalsWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 151px;}

/*/ end new arrivals widget /*/

/*/ begin reward points widget /*/

.editRewardPointsWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 125px;}

.deleteRewardPointsWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 151px;}

/*/ end reward points widget /*/

/*/ begin search widget /*/

.editSearchWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 125px;}

.deleteSearchWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 151px;}

/*/ end search widget /*/

/*/ begin shopping cart widget /*/

.editSidebarWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 125px;}

.deleteSidebarWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 151px;}

/*/ end shopping cart widget /*/

/*/ begin shopping cart detailed widget /*/

.editSidebarDetailedWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 125px;}

.deleteSidebarDetailedWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 151px;}

/*/ end shopping cart detailed widget /*/

/*/ begin specials widget /*/

.editSpecialsWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 125px;}

.deleteSpecialsWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 151px;}

/*/ end specials widget /*/

/*/ begin newsletter widget /*/

.editSubscribeWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 125px;}

.deleteSubscribeWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 151px;}

/*/ end newsletter widget /*/

/*/ begin top sellers widget /*/

.editTopSellersWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 125px;}

.deleteTopSellersWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 151px;}

/*/ end top sellers widget /*/

/*/ begin vendors widget /*/

.editVendorsWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 125px;}

.deleteVendorsWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 151px;}

/*/ end vendors widget /*/

/*/ begin left image widget /*/

.editLeftImageWidget {position: relative; margin: 0; padding: 0; top: 11px; left: 39px;}

.deleteLeftImageWidget {position: relative; margin: 0; padding: 0; top: -5px; left: 64px;}

/*/ end left image widget /*/

/*/ begin right image widget /*/

.editRightImageWidget {position: relative; margin: 0; padding: 0; top: 11px; left: 39px;}

.deleteRightImageWidget {position: relative; margin: 0; padding: 0; top: -5px; left: 64px;}

/*/ end right image widget /*/

/*/ begin shop by price widget /*/

.editShopByPriceWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 125px;}

.deleteShopByPriceWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 151px;}

/*/ end shop by price widget /*/

/*/ begin product list widget /*/

.editProductListWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 125px;}

.deleteProductListWidget  {position: relative; margin: 0; padding: 0; top: -30px; left: 151px;}

.addProductListWidget {position: relative; margin: 0; padding: 0; top: -47px; left: 98px;}

/*/ end product list widget /*/

/*/ begin custom image widget /*/

.editCustomImageWidget {position: relative; margin: 0; padding: 0; top: 28px; left: 39px;}

.deleteCustomImageWidget {position: relative; margin: 0; padding: 0; top: 13px; left: 64px;}

.addCustomImageWidget {position: relative; margin: 0; padding: 0; top: -5px; left: 14px;}

/*/ end custom image widget /*/

/*/ begin horizontal image widget /*/

.editHorizontalImageWidget {position: relative; margin: 0; padding: 0; top: 7px; left: -12px;}

.deleteHorizontalImageWidget {position: relative; margin: 0; padding: 0; top: -10px; left: 13px;}

/*/ end horizontal image widget /*/

/*////////// end front end edits //////////*/