/* CSS Document */

/*---------------------------Genrael Clases---------------------------------------*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#882b84 url(../img/bg.gif);
}
* {
	margin:0px;
	padding:0px;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.clr {
	clear:both;
}
ul, li {
	list-style:none;
}
a {
	text-decoration:none;
	color:#787878;
}
a:hover {
	text-decoration: underline;
}
img {
	border:none;
	behavior: url(/css/iepngfix.htc)
}
h1 
{
    font-size:20px;
}
/*---------------------------Layout Content Clases---------------------------------*/

#Layout {                /*------------------------For Page Main Width------------------------------------*/
	width:922px;
	margin:auto;
	margin-top:30px;
	background:url(../img/Layout-top.gif) no-repeat top;
}

#Layoutbg{
	margin-top:-5px;
	background:url(../img/Layout-bg.gif) repeat-y
}
/* BEGIN HEADER */
#Top {
	height:156px;
	background:url(../images/layout-bg.gif) repeat-y;
	position: relative;
}
#logo{
	position:absolute;
	left:15px;
	top:40px;
}
#header{
	position:absolute;
	left:15px;
	top:6px;
}
#TopContent {
	position:absolute;
	right:100px;
	top:105px;
	width: 553px;
}
#TopContent li {
	float:right;
}
#TopContent li.cart {
	background:url(../img/cart.png);
	width:124px;
	height:31px;
	padding-left:44px;
	font-weight:bold;
	font-size:13px;
	line-height:22px;
	margin-top:3px;
	color:#333333;
}
#TopContent li.cart-value {
	padding-top:8px;
	padding-right:10px;
}
#TopContent li span {
	margin:0 10px;
}
#TopContent li .blue {
	color:#007CF9;
}
#TopContent li .blue a {
	color:#007CF9;
}
#Nav {
	background:url(../img/nav-lft.png) no-repeat;
	height:40px;
	overflow:hidden;
	margin:0 16px;
	position:relative;
	top:135px;
}

#Navbg {
	background:url(../img/nav-right.png) no-repeat right top;	
	position:relative;
	
}
#Nav .NavBody {
	margin-left:5px;
	margin-right:6px;
	background:url(../img/nav-bg.png) repeat-x;
	height:40px;
}
#Nav ul {
	height:40px;
	
	margin:0 0 0 -5px;
}
#Nav ul li {
	float:left;
	height:40px;
	line-height:30px;
	text-transform:uppercase;
	font-size:11px;
	background:url(../img/nav-sep.png) no-repeat right top;
}
#Nav ul li a {
	color:#ffffff;
	margin:0 25px;
}
#Nav ul li.search {
	background:url(../img/search-bg.png) no-repeat;
	float:right;
	height:26px;
	width:195px;
	margin-top:4px;
	padding-left:2px;
	line-height:26px;
}
#Nav ul li.search input.searchfeild {
	background:none;
	border:none;
	color:#787878;
	font-size:13px;
	margin-top:8px;
	width:124px;
	float:left;
}
#Nav ul li.search input.action {
	float:left;
	margin-right:10px;
	margin-top:4px;
}
/* END HEADER */
/* BEGIN CONTENT */
#Content {
	padding-top:30px;
	padding-bottom:10px;
	padding-left:16px;
	padding-right:16px;
}
/* START LeftSide */
#LeftSide {
	position:relative;
	float:left;
	width:177px;
}
.leftBox {
	background:url(../images/leftBox-bg.gif) repeat-y;
	margin-bottom:25px;
}
#LeftSide h2 {
	background:url(../img/leftBox-top.png) no-repeat;
	height:30px;
	padding:0 5px 0px 37px;
	color:#333333;
	font-size:16px;
	
}
#LeftSide h2 span {
	padding-top:7px;
	_padding-top:4px;
}
#LeftSide h3 span {
	padding-top:3px;
}
.leftBox .leftBoxBody {
	padding:10px 20px;
	background:url(../img/leftBox-bottom.png) no-repeat bottom left;
}
.leftBox .cat-link {
	padding-top:8px;
	padding-bottom:8px;
}
.leftBox .cat-link li {
	background:url(../images/arrow.png) no-repeat left 11px;
	/*border-bottom:#C0C0C0 dotted 1px;*/
	padding:8px 0px 2px 11px;
	margin : 10px 0px 10px 0px;
	font-size:13px;
}
.leftBox .cat-link li a:hover, .leftBox .cat-link li a.active {
	color:#933168;
	text-decoration:none;
}

.cat-selected  {
	color:#933168;
	text-decoration:none;
	font-weight:bold;
}

.sellerlist {
	padding:15px 0px;
}
.sellerlist li {
	background:#fff0f8;
	padding:10px;
	margin-bottom:5px;
	_height:1px;
}
.sellerlist li span {
	float:left;
	width:22px;
	color:#933168;
}
.sellerlist li p {
	float:left;
	width:80px;
}
.cards {
	padding-left:5px;
}
.cards li {
	float:left;
	height:26px;
	margin-right:3px;
}
/* END LeftSide */
/* START RightSide */
#Content .RightSide {
	float:right;
	width:695px;
}
.RightSide .bredCrum {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:#dedede solid 1px;
	font-size:18px;
	margin-top:-3px;
}
.RightSide .bredCrum h4 {
}
.RightSide .bredCrum a {
	color:#666666;
	text-decoration:none;
	margin-right:10px;
}
.RightSide .bredCrum a.select, .RightSide .bredCrum a:hover {
	color:#2b95ff;
	text-decoration:none;
}
.catrow {
	margin-bottom:35px;
}
.catrow li {
	float:left;
	margin-right:38px;
	width:206px;
}
.catrow li .new {
	background:url(../img/new.png) no-repeat left top;
	position:absolute;
	right:-2px;
	top:-1px;
	height:51px;
	width:50px;
}
.catrow li.last {
	margin-right:0px;
}
.catrow .catThum {
	width:203px;
	height:186px;
	border:#DEDEDE solid 1px;
	text-align:center;
	background-color:#ebebeb;
}
.catrow .catThum img 
{
    margin-top:6px;
}

.catrow .catDetail {
	background:url(../images/OXO---Homepage_48.gif) no-repeat left;
	height:53px;
}
.catrow .catDetail h4 {
	color:#933168;
	font-size:13px;
	padding:0 13px;
	padding-top:8px;
	margin-bottom:3px;
	font-weight:bold;
}
.catrow .catDetail h4 a {
	color:#933168;
	text-decoration:none;
}
.catrow .catDetail h4 a:hover {
	text-decoration:underline;
}
.catrow .catDetail p {
	padding-left:13px;
}
.paging {
	border-top:#933168 solid 2px;
	padding-top:30px;
	margin-bottom:50px;
}
.pagingInfo {
	float:right;
	padding-top:13px;
	font-size:11px;
	padding-right:20px;
	font-weight:bold;
	color:#999999;
}
.pagingInfo a {
	margin:0px 5px;
	text-decoration:none;
	color:#999999;
}
.pagingInfo a:hover {
	text-decoration: underline;
}
.pagingDiv {
	background:url(../images/paging.gif);
	height:37px;
	width:168px;
	text-align:center;
	float:right;
}
.pagingDiv .label {
	position:relative;
	top:-3px;
	margin-right:5px;
}
.pagingDiv img {
	position:relative;
	top:5px;
}
.pagingDiv b.blue {
	color:#439CF4;
}
.productDetial {
	padding-bottom:15px;
	float:left;
}
.productDetial .addToCart {
	display:block;
	width:204px;
	height:53px;
	background:url(../images/addtoCart.gif) left top no-repeat;
}
.productDetial .addToCart:hover {
	background:url(../images/addtoCartrol.gif) left top no-repeat;
}
.productDetial .mainThumb {
	overflow:hidden;
	border:#dedede solid 1px;
	margin-right:5px;
	text-align:center;
	float:left;
	background-color:#ebebeb;
	width: 285px;
}

.productDetial .mainThumb img 
{
    margin:20px 0px 20px 0px;
}
.rightProduct {
	float:left;
	width:400px;
}
.rightProduct .thumb {
	overflow:hidden;
	float:left;
	margin: 0px 9px 18px 9px;
	border:#dedede solid 1px;
	background-color:#ebebeb;
	width:110px;
	text-align:center;
}

.rightProduct img 
{
    margin:5px 5px 5px 5px;
    
}

.detailInfo h2 {
	margin-bottom:15px;
	font-size:18px;
}
.detailInfo {
	line-height:145%;
}
.detailInfo p {
	margin-bottom:15px;
}
.detailInfo p.add {
	margin-bottom:4px;
	color:#c3c3c3;
}
.price {
	color:#2b95ff;
	font-size:28px;
	font-weight:normal;
}
.priceredus  
{
    color:#7E0A4B; 
    text-decoration:line-through;
    font-size:28px;
	font-weight:normal;
    }
.cartDetail {
	float:left;
	width:695px;
	padding-bottom:15px;
}
.cartDetail .headings {
	padding:15px 0px;
	background:#fff4fe;
	border-bottom:#dedede solid 1px;
}
.headings ul li {
	float:left;
}
.headings ul li.perview {
	width:105px;
	padding-left:35px;
}
.headings ul li.proName {
	width:90%;
}
.headings ul li.priceHead {
	width:82px;
}
.headings ul li.quanitity {
	width:85px;
}
.headings ul li.total {
	width:145px;
}
.cartDetail .proList {
	padding:15px 0px;
	background:#fff4fe;
	margin-top:12px;
}
.proList ul li {
	float:left;
}
.proList ul li.number {
	width:35px;
	text-align:center;
}
.proList ul li.thumbMail {
	width:203px;
	height:186px;
	border:#DEDEDE solid 1px;
	text-align:center;
	background-color:#ebebeb;
}

.proList ul li.thumbMail img 
{
    border:#dedede solid 1px;
    margin-top:6px;
}
.proList ul li.proName {
	width:215px;
	color:#3f9fff;
	line-height:60px;
	height:60px;
}
.proList ul li.proName * {
	color:#3f9fff;
	font-size:18px;
}
.proList ul li.priceHead {
	width:82px;
	color:#333333;
	line-height:60px;
	height:60px;
	font-weight:bold;
}
.proList ul li.quanitity {
	width:85px;
}
.proList ul li.quanitity .icons {
	width:23px;
	float:left;
	margin-top:10px;
	margin-right:2px;
}
.proList ul li.quanitity .box {
	background:#ffedfb;
	width:45px;
	line-height:60px;
	text-align:center;
	height:60px;
	float:left;
}
.proList ul li.total {
	width:145px;
	line-height:60px;
	height:60px;
	position:relative;
	font-weight:bold;
	color:#000000;
}
.proList ul li.total span {
	position:absolute;
	top:25px;
	left:135px;
}
.totalShiping {
	padding:15px 0px 10px 260px;
}
.txtTotal {
	float:left;
	line-height:0;
	font-weight:bold;
	padding-top:23px;
}
.toalPrice {
	background:url(../images/pricBox.gif) left top no-repeat;
	height:53px;
	line-height:53px;
	width:206px;
	text-align:center;
	float:right;
	color:#2b95ff;
	font-size:28px;
}
/* END RightSide */
/* START FOOTER */
#Footer {
	background:url(../images/footerBg.gif) repeat-x;
	font-size:11px;
}
#Footer .footerbody {
	background:url(../images/footer-left.gif) no-repeat left top;
}
#Footer .footercontent {
	background:url(../images/footer-right.gif) no-repeat right top;
	height:54px;
	line-height:54px;
	padding:0 15px;
}
#Footer .blue {
	color:#933168;
}
#Footer a {
	margin:0 15px;
}
#Footerimg {
	background:url(../img/footerimg.png) no-repeat;
	height:71px;
	overflow:hidden;
}

/* END FOOTER */

.cartThum {
	width:203px;
	height:186px;
	border:#DEDEDE solid 1px;
	text-align:center;
	background-color:#ebebeb;
	float:right;
	margin-left:20px;
}
.cartThum img 
{
    margin-top:6px;
}


/* --------------------  Boxed notifications -------------------- */

.notification {
	display: block;
	padding: 20px 20px 20px 45px;
	border: 1px solid;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: 20px 20px;
	}

.n-success {
	background-color: #a3e6bd;
	border-color: #68d59b;
	background-image: url(../images/notification-tick.gif);
	}

.n-information {
	background-color: #9fddea;
	border-color: #5fceea;
	background-image: url(../images/notification-information.gif);
	}

.n-attention {
	background-color: #f9e497;
	border-color: #ffcb4f;
	background-image: url(../images/notification-exclamation.gif);
	}

.n-error {
	background-color: #ffc6ca;
	border-color: #efb9c3;
	background-image: url(../images/notification-slash.gif);
	}
	
	
	
/*******************************************************************************
  FORM STYLE
*******************************************************************************/
form label { display:block !important; line-height:normal !important; margin: 5px 0px;  font-size:12px;	font-weight:bold; }
input[type=text] { display:block !important; }
textarea { display:block; }
.smallInput { padding:3px 3px; border:1px solid #999; background:#FFFFE6; font-size:12px !important; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important; color: #333 !important; font-style:italic; }
.largeInput { padding:6px 5px; border:1px solid #999; background:#FFFFE6; font-size:15px !important; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important; color: #333 !important; }
form .small { width:100px; }
form .medium { width:250px; }
form .wide { width:480px; }
.button {
  margin: 0px;
  padding: 0px !important;
  border: 0px;
  background: transparent url('../images/but_right_grey.gif') no-repeat scroll top right;
  color: #555;
  display: block;
  float: left;
  height: 30px;
  margin-right: 6px;
  margin-top:10px;
  padding-right: 12px !important;
  text-decoration: none;
  overflow: hidden;
  font-size: 12px;
  outline: none !important;
  cursor: pointer;
  font-weight: bold;	
}
input .submit
{
 margin : 0px;
  padding: 0px !important;
  border: 0px;
  background: transparent url('../images/but_right_grey.gif') no-repeat scroll top right;
  color: #555;
  display: block;
  float: left;
  height: 30px;
  margin-right: 6px;
  margin-top:10px;
  padding-right: 12px !important;
  text-decoration: none;
  overflow: hidden;
  font-size: 12px;
  outline: none !important;
  cursor: pointer;
  font-weight: bold;	
}

.button span {
  background: url('../images/but_left_grey.gif') no-repeat left top;
  display: block;
  line-height: 30px;
  padding: 0px 0px 0px 12px;
  outline: none !important;
  float:left;
}
.button:hover {
  background-position: right bottom;
  text-decoration:none !important
}
.button:hover span {
  background-position: left bottom;
  color: #333;
}