/*----- Shop general header and footer template styles -----*/

body{
margin:0px;
color:#000000;
background:url(images/bgr.gif) #f6f6f6 repeat-y center;
font:12px tahoma,verdana,sans-serif;
}
a,table a{
color:#ff8200;
font:12px tahoma,verdana,sans-serif;
text-decoration:underline;
}
a:hover{
text-decoration:underline;
}
a img{
border:0 none;
}
table{
color:#000000;
}
div,h1,h2,h3,h4,h5,p,form{
margin:0;
padding:0;
border:0 none
}
input{
border:1px solid #B2B2B2;
padding-left:3px;
font:11px tahoma,arial,sans-serif
}
select{
padding-left:3px;
font:11px tahoma,arial,sans-serif
}
input.checkbox{border:0}

/* Page layout */

#container{
width:996px;
margin: 5px auto;
padding:0px;
text-align:left
}
#pageheader{
width:996px;
height:auto;
clear: both;
float: left;
}
#png {
	position: absolute;
	top: 33px;
	left:35%;
	width: 131px;
	height: 205px;
	background: url('images/women.png') no-repeat bottom left;
	z-index:5;
}
*html #png{
background:none;
width: 131px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://72.21.60.176/smartshopcom/templates/layouts/default/styles/default/images/women.png', sizingMethod='crop');
	/*background: url('http://72.21.60.176/smartshopcom/templates/layouts/default/styles/default/images/bgr.gif/womens.png') no-repeat bottom right;*/

}
#logo{
float: left;
}
#logo img{/*
width:188px;
height:170px;*/
}
#header-pic{
float: left;
width:976px;
height:112px;
padding: 10px 10px 0px 10px;
color: #ffffff;
clear: both;
}
#pic-left{
float: left;
width:340px;
padding:0px;
}
#pic-left-text{
float: left;
width:270px;
height:76px;
padding:0px;
overflow:hidden;
}
#try{
float: right;
width:162px;
height:36px;
padding:0px;
color: #ff5800;
font:bold 14px tahoma, arial,sans-serif;
}
#try a{
color: #ff5800;
float: right;
width:157px;
height:26px;
padding: 10px 0 0 5px;
font:bold 14px tahoma, arial,sans-serif;
text-decoration: none;
text-align:left;
text-transform: uppercase;
}
#pic-right{
float: right;
width:520px;
padding:0px;
}
#pic-right h5{
padding:0px;
font:bold 14px tahoma, arial,sans-serif;
color: #ffffff;
}
#pic-right ul{
float: left;
margin:5px 10px 0 10px;
padding:0px;
}
#pic-right li{
list-style:none;
background:url(images/pic-right-li.gif) no-repeat left center;
padding: 4px 0 4px 10px;

color:#ffffff;
font:normal 12px tahoma, arial,sans-serif;
}
#pic-right li a{
text-decoration: none;
color:#ffffff;
font:normal 12px tahoma, arial,sans-serif;
}
#pic-right li a:hover{
color:#ffffff;
text-decoration: underline;
}
input.si{
padding: 1px 2px;
float:left; 
width:115px;
text-align:left;
border: 1px solid #ffffff;
background: #FBD2AA;
margin: 0 0 2px
}
#topright{
float: right;
color: #545454;
padding: 15px 0 25px 0;
font:normal 11px tahoma, arial,sans-serif;
text-align: right;
width: 730px;
}
#topright h1{
color: #545454;
padding: 0px;
font:normal 11px tahoma, arial,sans-serif;
text-align: right;
}
#topright a{
color: #545454;
font:normal 11px tahoma, arial,sans-serif;
text-decoration: underline;
}
#topmenu{
float: right;
color: #ffffff;
padding: 0px;
font:bold 11px tahoma, arial,sans-serif;
}
#topmenu a{
color: #ffffff;
float: left;
padding: 8px 20px;
font:bold 11px tahoma, arial,sans-serif;
background: #545454;
text-decoration: none;
}
#topmenu a:hover{
color: #ff5800;
float: left;
padding: 8px 20px; 
float: left;

font:bold 11px tahoma, arial,sans-serif;
background: #f2f2f2;
}
#top{
clear: both;
padding: 0px;; 
float: left;
width: 996px;
}
#keywords{
text-align: left;
color: #636363;
padding: 11px 15px 0 15px;; 
float: left;
width: 966px;
height: 27px;
font:normal 11px tahoma, arial,sans-serif;
}

#keyword-left{
text-align: left;
color: #636363;
float: left;
font:normal 11px tahoma, arial,sans-serif;
}
#keyword-right{
text-align: right;
color: #636363;
float: right;
font:normal 11px tahoma, arial,sans-serif;
}
#keywords a{
color: #636363;
font:normal 11px tahoma, arial,sans-serif;
text-decoration: underline;
}
#columns{
margin:0px;
padding:0 0 15px 0;
width:996px;
background:url(images/columns-bgr.gif) repeat-y center;
clear: both;
height: auto;
float: left;
}
#columns-fix{
margin:0px;
padding:0px;
width:996px;
background:url(images/columns-fix.gif) no-repeat center;
clear: both;
height: 7px;
float: left;
}
#column-left{
margin:0px;
width:189px;
float:left;
}
#column-center{
margin-left:10px;
width:585px;
float: left;
text-align: justify;
line-height: 180%;
}
#column-right{
color:#000;
margin:0px;
float: right;
width:199px;
}
.fix{clear: both;}
.orange-marker{
color:#ff6600;
font-weight:bold;
}

#pagefooter{
width:996px;
clear: both;
height:auto;
float: left;
background:url(images/columns-fix.gif) no-repeat top center;
margin: 0px;
}
#footer{
width:996px;
height:auto;
float: left;
margin: 40px 0 40px 0;
border-bottom: 1px solid #ff6600;
}
#botmenu{
text-align: left;
color: #636363;
padding: 8px 15px; 
float: left;
font:normal 12px tahoma, arial,sans-serif;
}
#botmenu a{
color: #636363;
font:normal 12px tahoma, arial,sans-serif;
text-decoration: none;
}
#botmenu a:hover{
color: #636363;
font:normal 12px tahoma, arial,sans-serif;
text-decoration: underline;
}
#copy{
text-align: left;
color: #ffffff;
padding: 8px 15px; 
float: left;
font:normal 12px tahoma, arial,sans-serif;
background: #ff6600;
border-bottom: 1px solid #ff6600;
}
#copy a{
color: #ffffff;
font:normal 12px tahoma, arial,sans-serif;
text-decoration: none;
}
#copy a:hover{
color: #ffffff;
font:normal 12px tahoma, arial,sans-serif;
text-decoration: underline;
}
/* Left column styles */

/* Right column styles */

.leftmenu{
margin-top:10px;
padding:0 0 10px 0;
width:189px;
background:url(images/leftmenu-bgr.gif) repeat-y right;
clear: both;
height: auto;
float: left;
}
.leftmenu h3{
margin:0px;
text-transform: uppercase;
color:#ffffff;
font:bold 12px tahoma, arial,sans-serif;
padding:5px 0 5px 10px;
width:179px;
background:url(images/leftmenu-h.gif) repeat-y right;
clear: both;
height: auto;
float: left;
}
.leftmenu ul{
float: left;
margin:5px 0 0 10px;
padding:0px;
clear: both;
}
.leftmenu li{
list-style:none;
background:url(images/leftmenu-li.gif) no-repeat left center;
padding: 4px 0 4px 20px;
width: 145px;
color:#000000;
font:bold 12px tahoma, arial,sans-serif;
}
.leftmenu li a{
text-decoration: none;
color:#000000;
font:bold 12px tahoma, arial,sans-serif;
}
.leftmenu li a:hover{
color:#ff6600;
text-decoration: underline;
}
.leftmenu2{
margin-top:10px;
padding:0 0 10px 0;
width:189px;
background:url(images/leftmenu-bgr.gif) repeat-y right;
clear: both;
height: auto;
float: left;
}
.leftmenu2 h3{
margin-bottom:10px;
text-transform: uppercase;
color:#ffffff;
font:bold 12px tahoma, arial,sans-serif;
padding:5px 0 5px 10px;
width:179px;
background:url(images/leftmenu-h.gif) repeat-y right;
clear: both;
height: auto;
float: left;
}
.leftmenu2 p{
margin:0px;
padding:0px 10px;
text-align: center;
width:169px;
}
.rightmenu{
margin-top:10px;
padding:0 0 10px 0;
width:199px;
background:url(images/rightmenu-bgr.gif) repeat-y left;
clear: both;
height: auto;
float: left;
}
.rightmenu h3{
margin:0px;
text-transform: uppercase;
color:#ffffff;
font:bold 12px tahoma, arial,sans-serif;
padding:5px 0 5px 10px;
width:189px;
background:url(images/rightmenu-h.gif) repeat-y left;
clear: both;
height: auto;
float: left;
}
.rightmenu ul{
float: left;
margin:5px 0 0 15px;
padding:0px;
clear: both;

}
*html .rightmenu ul{
margin:5px 0 0 6px;
}
*html .rightmenu li{
}

.rightmenu li{
list-style:none;
background:url(images/rightmenu-li.gif) no-repeat left center;
padding: 4px 0 4px 15px;
width:170px;
color:#000000;
font:normal 12px tahoma, arial,sans-serif;
}
.rightmenu li a{
text-decoration: none;
color:#000000;
font:normal 12px tahoma, arial,sans-serif;
}
.rightmenu li a:hover{
color:#ff6600;
text-decoration: underline;
}
.rightmenu2{
margin-top:0px;
padding:0 10px 10px 10px;
width:179px;
background:url(images/rightmenu-bgr2.gif) repeat-y left;
clear: both;
height: auto;
float: left;
}
.rightmenu2 p{
margin:0px;
padding:0px;
text-align: center;
position:relative;
}
.rightmenu2 h3{
margin-bottom:10px;
text-transform: uppercase;
color:#000000;
font:bold 12px tahoma, arial,sans-serif;
padding:5px 0;
border-bottom: 1px solid #dcdcdc;
clear: both;
/*
width:179px;
height: auto;
float: left;*/
}
.rightmenu2 a{
color:#ff5800
}
.rightmenu2 ul{
float: left;
margin:0 0 5px 5px;
padding:0px;
clear: both;
}
*html .rightmenu2 ul{
margin:0 0 5px 3px;
}
.rightmenu2 li{
list-style:none;
background:url(images/leftmenu-li.gif) no-repeat left center;
padding: 4px 0 4px 15px;
width: 140px;
color:#000000;
font:normal 12px tahoma, arial,sans-serif;
}
.rightmenu2 li a{
text-decoration: none;
color:#000000;
font:normal 12px tahoma, arial,sans-serif;
}
.rightmenu2 li a:hover{
color:#ff6600;
text-decoration: underline;
}
#column-center h1{
padding:5px 0 10px 25px;
border-bottom:1px solid #d7d7d7;
margin:10px 0 5px 0;
color:#ff6600;
background:url(images/hdr-item.gif) no-repeat top left;
font:bold 14px tahoma, arial,sans-serif;
clear: both;
}
#column-center h2{
padding:0px 0 5px 20px;
border-bottom:1px solid #d7d7d7;
margin:10px 0 5px 0;
color:#3b3b3b;
background:url(images/hdr-item2.gif) no-repeat left top;
font:bold 12px tahoma, arial,sans-serif;
clear: both;
}
#column-center h3{
padding:0 0 0 16px;
margin:10px 0 5px 0;
color:#ff6600;
background:url(images/hdr-item3.gif) no-repeat left top;
font:bold 12px tahoma, arial,sans-serif;
clear: both;
}
#column-center h4{
margin-top:10px;
text-transform: uppercase;
color:#ffffff;
font:bold 12px tahoma, arial,sans-serif;
padding:5px 0 5px 10px;
width:575px;
background:#ff5800;
clear: both;
height: auto;
float: left;
}
#column-center p{
padding:3px 0 6px 0;
color:#000000;
text-align: justify;
text-indent: 15px
}
#column-center ul{
margin:5px 0 10px 15px;;
padding:0;
}
#column-center li{
padding:0 0 4px 13px;
list-style:none;
background:url(images/list-item2.gif) no-repeat top left;
text-align: justify;
}
#column-center table{
font:11px tahoma,arial,sans-serif;
width:100%;
margin:0 0 10px 0;
border-collapse: collapse;
border-spacing: 1px;
}
#column-center td{
width:auto;
/*text-align:center;*/
border:1px solid #ffffff;
background: #f0f0f0
}
#column-center td.tdwhite{
background: #ffffff;

}
#column-center td strong{
color:#000000;
text-align: left;
}
#column-center td.hdr{
color:#000000;
background: #e1e1e1;
text-align: left;
font-weight: normal;
}
#column-center th.hdr{
color:#fff;
background: #ff8200;
border:1px solid #ffffff;
width:auto;
text-align:center;
}
#column-center th.blank{
background: #ffffff;
width:auto;
text-align:center;
}

#column-center em{
color:#000000;
font-style: normal;
padding-left:15px;
font-size: 11px
}
#bask{
background:url(images/smart_b.jpg) no-repeat;
float:left;
width:585px;
height: 155px;
margin-bottom: 10px;
line-height: 120%;
}
#bask ul{
width: 420px;
float:right;
text-align: left;
margin:10px 10px 10px 15px;;
padding:0;
}
#bask li{
list-style:none;
background:url(images/rightmenu-li.gif) no-repeat left center;
padding: 2px 0 2px 15px;
color:#000000;
font:normal 12px tahoma, arial,sans-serif;
}
#bask li a{
text-decoration: none;
color:#000000;
font:normal 12px tahoma, arial,sans-serif;
}
#bask li a:hover{
color:#ff6600;
text-decoration: underline;
}
#sig{
width: 125px;
float:right;
text-align: right;
margin:10px 15px 0px 0;;
padding:0;
}
*html #sig{
margin:10px 10px 0px 0;;
}
#sig a{
margin-top:100px;
text-transform: uppercase;
color:#ffffff;
font:bold 12px tahoma, arial,sans-serif;
padding:5px 10px 5px 10px;
background:#ff5800;
text-decoration: none;
height: auto;
float: right;
}
*html #sig a{
margin-top:110px;
}
.f-left{
float:left
}
.f-right{
float:right
}
#bt{
padding:10px 0 0 0;
border-top:1px solid #d7d7d7;
margin-top:5px;
color:#636363;
font:normal 11px tahoma, arial,sans-serif;
clear: both;
}
#bt a{
color:#636363;
font:normal 11px tahoma, arial,sans-serif;
text-decoration: none;
}
#bt a:hover{
color:#636363;
text-decoration: underline;
}
#bt a img{
padding-bottom:1px;
}
#features{
line-height: 100%;
float: left;
width: 100%;
padding-bottom: 10px
}
#features h3{
font-size: 11px;
}
#features ul{
margin:0 0 0 15px;;
}
#features li{
padding:4px 0 0 13px;
font-size: 11px;
text-align: left;
}
#features li a{
font-size: 11px;
}
.fl{
float: left;
width: 49%;
padding-right: 5px;
}
.preview{
}
.preview a{
margin: 0px auto 10px auto;
padding: 0 0 5 0px;
background: #696969;
clear: both;
display: block;
width: 145px;
color:#ffffff;
font:bold 11px tahoma, arial,sans-serif;
text-decoration: none;
}
.preview a:hover{
background: #ff6600;
color:#ffffff;
font:bold 11px tahoma, arial,sans-serif;
text-decoration: none;
}
.preview img{
margin: 0 0 5px 0;
padding: 0px;
}
.preview span{
padding: 0 0 5px 0;
background: transparent;
clear: both;
display: block;
width: 145px;
cursor:hand;
}