/* reset css for starting clean*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
font-family: arial!important;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* CSS Document */
html, body, form, fieldset,td,p,div {
margin: 0;
padding: 0;
font-family: Tahoma,Arial,Helvetica,sans-serif;
font-size: 11px;
line-height: 1.2;
}
img{
border:0;
}
p{
line-height:1.4;
}
/*
global headings */
h1{
font:bold 13px/1.6 ;
margin:.5em 0;
padding:2px 0;
color:#000000;
}
h2{
font:bold 16px/1.4 ;
margin:.3em 0;
padding:2px 0;
color:#2D4479;
}
h3{
font:bold 14px/1.6 ;
margin:.2em 0;
padding:2px 0;
color:#2D4479;
}
h4{
font:bold 12px/1.6 ;
margin:.2em 0;
padding:2px 0;
color:#2D4479;
}
/* HEADER */
#header{
margin: 0px;
top: 0px;
left: 0px;
width:960px;
position: relative;
height: 122px;
}
#main-logo{
position: absolute;
left: 25px;
top: 7px;
}
#header-phone {
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
height: 20px;
margin: 0px;
position: absolute;
top: 10px;
right: 10px;
}
#header-bar {
background: url(../images/header-bar.jpg) repeat x;
width: 699px;
height: 49px;
position: absolute;
top: 35px;
left: 110px;
}
#header-search {
width: 839px;
height: 20px;
position: absolute;
top: 93px;
left: 110px;
text-align: right;
color: #FFFFFF;
}
#header-search .input {
border: 1px solid #ADAAA6;
height: 18px;
width: 218px;
line-height: 18px;
}
#header-search img {
vertical-align: middle;
line-height: 18px;
}
/* HEADER > Navigation */
#navigation {
position: absolute;
left: 0px;
top: 103px;
margin: 1em auto 0;
padding: 0.6em 0 0;
font-weight: normal;
text-align: left;
}
#navigation ul {
margin: 0;
padding: 0;
float: left;
}
#navigation li {
background: url(../images/navigation-sep.jpg) no-repeat right top;
color: #FFFFFF;
padding: 9px 16px 0px 16px;
list-style: none;
float: left;
height: 33px;
}
#navigation li a:link,
#navigation li a:visited {
color: #FFFFFF;
text-decoration: none;
}
#cart {
width:350px;
margin: 4px 0;
float: right;
text-align:right;
color: #FFFFFF;
font-size: 12px;
}
#cart img {vertical-align: middle; margin:0 1px}
/* END HEADER > Navigation */
#below-tabs {
background-color: #2D4479;
height: 15px;
}
#globalsearch {
height: 54px;
background-image: url(../images/search-bg.png);
background-repeat: no-repeat;
}
#globalsearch form{
padding: 20px 0 0 0;
position:relative;
top:0;
left:-250px;
vertical-align:baseline;
text-align: center;
}
#globalsearch input{
height: 18px;
width: 110px;
border: 1px solid #CCCCCC;
}
.input-search{
border: 1px solid #CCCCCC;
height: 19px;
width: 139px;
}
#contactus {
background: url(../images/envelope-icon.gif) no-repeat 0 4px;
position:absolute;
top:112px;
right:120px;
width: 65px;
*width: 80px;
padding: 0 0 0 16px;
}
#contactus p a{
color: #000000;
}
#contactus p a:hover{
color: #2D4479;
}
#help-header {
background: url(../images/help-icon.gif) no-repeat 0 4px;
position:absolute;
top:112px;
right:70px;
width: 25px; *width: 40px;
padding: 0 0 0 16px;
}
#help-header p a{
color: #000000;
}
#help-header p a:hover{
color: #2D4479;
}
#shoppingcart-header{
height: 20px;
width: 330px;
position:absolute;
top:0;
left:630px;
text-align: left;
background: url(../images/shoppingbasket-header-tab.gif) no-repeat;
vertical-align: middle;
padding: 4px 0px 0px 0px;
}
#shoppingcart-header img {
margin: 0px 0px 0px 0px;
*margin: 1px 0px 0px 0px;
vertical-align: middle;
}
#shoppingcart-header p{
margin: -2px 0px 0px 0px;
*margin: -3px 0px 0px 0px;
padding: 0 0 0 121px;
}
#login-header{
height: 20px;
width: 155px;
position:absolute;
top:0;
right:333;
text-align: left;
background: url(../images/login-header-tab.gif) no-repeat;
}
.loggedIn {
height: 40px !important;
background: url(../images/login-header-tab-active.gif) no-repeat !important;
}
#login-header h3{
margin: 2px 0 0 25px; *margin:-3px 0 0 25px;
padding:0;}
#login-header h3 a{
color: #2D4479;
text-decoration: none;
}
#login-header h3 a:hover{
text-decoration: underline;
}
#login-header p{
font-size: 11px;
padding: 0 5px;
}
#login-header label{
width: 60px;
}
#login-header input{
height: 17px;
width: 80px;
border: 1px solid #FABF57;
}
#slider-header{
background-image: url(../images/slider-bg.gif);
height: 89px;
width: 155px;
}
#slider-header p a{
text-align: center;
color: #999999;
font-size: 11px;
}
#slider-header p a:hover{
color: #2D4479;
}
.button-slider-header{
margin: 3px 0 3px 65px;
}
#tel-header{
background: url(../images/icon-tel.png) no-repeat top right;
height: 30px;
width: 270px;
position:absolute;
top:152px;
right:10px;
text-align: right;
z-index:1;
margin: 3px 0px 0px 0px;
}
#tel-header p{
font-size:11px;
padding: 3px 34px 0 0px;
}
#tel-header p a{
color: #2D4479;
text-decoration: none;
}
#tel-header p a:hover{
text-decoration: underline;
}
/* END HEADER */
/* FOOTER */
#mainfooter{
background-image: url(../images/footer-bg.jpg);
background-repeat: repeat-x;
background-position: top left;
width: 67%;
height: 73px;
vertical-align: top;
}
#footer {
height: 39px;
margin: 10px auto 0 auto;
padding-top: 12px; *padding-top: 0px;
text-align: center;
}
#footer ul{
margin-top: 0px;
}
#footer li{
display: inline;
padding: 0px 5px 0 5px;
text-transform: capitalize;
font-size: 11px;
font-family: arial;
}
#footer li a{
color: #CA96FB;
text-decoration: none;
}
#footer li a:hover{
color: #9457CD;
text-decoration: underline;
}
#footer p {
margin: 0px 0px 0px 35px;
color: #FFFFFF;
}
.lastone{
border-right: 0px none #FFFFFF !important ;
}
/* END FOOTER */
/*
evolve ids and classes */
#tablemain,
#tableproducts,
#tablesearch,
#tableviewcart,
#tablecustreg{
width:960px;
margin:0 auto;
}
/*
subcategory summaries for the category pages */
.subcatsum{
background: url(../images/subcatsum-bg.jpg) no-repeat top left;
height: 89px; *height: 107px;
width: 156px;
margin: 0px 15px 6px 13px;
padding: 20px 0px 0px 0px;
text-align: center;
}
/*
summaries */
.summary-list {
width: 610px;
height: auto;
background:transparent url(../images/summ-bg.jpg) repeat-x bottom left;
padding: 0px 0px 10px 0px;
margin: 10px 0px 0px 0px;
}
.summary-list td{
font-family: arial;
font-size: 11px!important;
}
.summary-list h2 {
font-family: arial;
font-size: 11px
}
.summary-list h2 a:link {
font-size: 11px;
}
.summary-list .price {
font-size: 11px;
font-family: arial;
}
.summary-list .price b {
font-size: 11px;
color: #BE0505;
}
.summary-pages {
width:600px;
background:transparent url(../images/summ-head.jpg) repeat-x bottom left;
padding: 0px 0px 0px 0px;
margin: 10px 0px 5px 0px;
}
.summary-sort {
padding: 0px 0px 4px 0px;
margin: 0px 0px 0px 0px;
clear: both;
}
.summary-pages-left,
.summary-pages-right {
font-family: arial;
font-size: 12px;
color: #9597AE;
margin: 10px 8px 0px 8px;
}
.summary-pages-left {
float: left;
}
.summary-pages-right {
float: right;
}
/* SIDEBARS */
.sidebarbox-header{
background: url(../images/sidebarbox-header.png);
background-repeat: no-repeat;
background-position: bottom;
height: 35px;
width: 155px;
margin: 10px 0px 0px 0px; *margin: 0px 0px 0px 0px;
}
.sidebarbox-header h3{
padding: 0;
margin: 0;
font-size: 12px;
color: #BBBBBC;
padding: 6px 0 0 6px;
}
.sidebarbox-body{
background-color: #000000;
text-align:left;
width: 155px;
}
.sidebarbox-footer{
width: 155px;
height: 15px;
margin: 0px 0px 15px 0px;
padding: 0;
background-image: url(../images/sidebarbox-footer.gif);
background-repeat: no-repeat;
background-color: #000000;
background-position: bottom;
}
#sidebarbox-brands select {
font-size: 10px;
}
#sidebarbox-brands select {
margin: 2px 0;
}
/*
=left hand sidebar & summary page nav */
.s4t a:link,
.s4t a:visited,
.s5t a:link,
.s5t a:visited,
.s3t a:link,
.s3t a:visited {
color: #65E383;
font-size: 12px;
text-decoration: none;
}
td.s4t,
td.s3t,
td.s5t{
width: 155px;
height:18px;
padding: 3px 0px 3px 10px;
text-transform: capitalize;
vertical-align: left;
background-color: #ffffff;
}
a.s5,
a.s4,
a.s3{
font-size:11px;
padding:4px 0 4px 10px;
background: url(../images/bullet-arrow.gif) no-repeat center left;
text-decoration: none;
}
td.s24,
td.s25,
td.s23{
width: 155px;
text-transform: capitalize;
vertical-align: middle;
background-color: #000000;
border-bottom:1px solid #FFFFFF;
}
a.s24,
a.s25,
a.s23{
width: 135px;
margin:2px 0;
padding:2px 0 2px 5px;
font:11px/1.2 ;
display: block;
color: #65E383;
text-decoration: none;
}
.s24 a:link,
.s24 a:visited,
.s25 a:link,
.s25 a:visited,
.s25 a:active,
.s23 a:link,
.s23 a:visited,
.s23 a:hover,
.s23 a:active{
color:#65E383;
}
.s5t a:hover,
.s24 a:hover,
.s25 a:hover{
color: #2D4479;
}
.s24 {
padding-left:9px;
}
.s25 {
background: url(../images/bullet-arrow2.gif) no-repeat 0px 5px;
padding-left: 9px;
}
/* END SIDEBARS */
.carttext {
margin: 0;
}
.featureproduct{
padding : 2px;
margin : 0px;
color : #9597ae;
clear : both;
width: 155px;
}
.featureproduct h2 {
padding : 10px 0 2px 4px;
margin: 0px;
}
.featureproduct h2 a{
font-size : 11px;
text-transform : capitalize;
color: #9597ae;
text-decoration: none;
font-weight: bold;
}
.featureproduct h2 a:hover{
font-size : 11px;
color: #2D4479;
text-decoration: underline;
}
.featureproduct p{
font-size : 11px;
color: #000000;
margin: 0 0 8px 8px;
}
.featureproduct-content{
position:relative;
width: 155px;
overflow: hidden;
}
.featureproduct-content img{
border: 1px solid #D8D8C7;
margin: 1px 7px 05px;
}
#login-box p{
text-align: left;
padding: 0 0 3px 9px;
}
#login-box p a{
color: #C8C8C8;
font-size: 9px;
}
#login-box p a{
color: #2D4479;
}
#login-box input{
height: 17px;
width: 139px;
border: 1px solid #CCCCCC;
}
.button-cart{
text-align: right;
margin: 6px 2px 0px 2px;
padding: 0px 0px 0px 0px;
}
/* SITEPAGES & TEMPLATES */
#sitepage{
position:relative;
}
#sitepage ol{
}
#sitepage ol li{
line-height:1.6;
margin:2px 0;
}
.sitepage-right-col{
position:absolute;
top:0px;
right:0px;
width: 325px;
border-left: 1px solid #EEEEEE;
padding: 0 0 0 25px
}
.sitepage p{
margin: 7px 0 0 0;
line-height: 1.4em;
}
/* SIEPAGES & TEMPLATES > HOME */
.homeoffer{
margin: 5px 17px 13px 0px; *margin: 5px 17px -5px 0px;
}
.homeoffer-header,
.homeoffer-body,
.homeoffer-footer{
}
.homeoffer-header{
background: url(../images/home-offer-header.gif) no-repeat bottom;
height: 5px;
width: 296px;
}
.homeoffer-body{
background-image: url(../images/home-offer-body.gif);
width: 296px;
height:160px;
min-height:160px;
}
.homeoffer-body-content{
position:relative;
}
.homeoffer-footer{
background-image: url(../images/home-offer-footer.gif);
background-repeat: no-repeat;
background-position: top;
height: 5px;
width: 296px;
}
.homeoffer-body h1 {
font-size:14px;
margin:0;
padding:2px 0 4px 8px;
font-weight: bold;
}
.homeoffer-body h1 a {
color: #000000;
margin:0;
padding:0;
}
.homeoffer-body h1 a:hover {
color: #2D4479;
}
.homeoffer-body-left{
width: 140px;
text-align: center;
}
.homeoffer-body-right{
width:155px;
position:absolute;
top:0px;
right:0px;
}
.homeoffer-body-right img{
margin:4px 0 1px 0;
padding:0;
}
.excvat{
font-size: 10px;
color: #000000;
}
.labeloffer{
color: #999999;
font: 12px/1.2 Tahoma,Arial, Helvetica,sans-serif;
}
.heading-centre{
background: url(../images/headigbar.gif) no-repeat;
height: 25px;
width: 609px;
margin: 2px 0 0 0;
padding: 0;
}
.heading-centre h1{
color: #FFFFFF;
font-size: 12px;
padding: 5px 0 0 6px; *padding: 2px 0 0 6px;
margin: 0;
}
#intro-home{
height: 221px;
width: 607px;
background: url(../images/main-pic-home.jpg) no-repeat right;
margin: 0px 0px 11px 0px;
}
#intro-home h2{
display: block;
width: 295px;
font-size: 23px;
font-weight: normal;
color: #2D4479;
}
#intro-home p{
display: block;
width: 295px;
font-size: 14px;
color: #000000;
}
/* END SIEPAGES & TEMPLATES > HOME */
.breadcrumbs {
border-bottom: 1px dotted #CCCCCC;
padding: 0 0 4px 0;
margin: 0 0 4px 0;
font: 12px/1.2 Tahoma,Arial, Helvetica,sans-serif;
}
h1.breadcrumbs a:link,
h1.breadcrumbs a:visited,
h1.breadcrumbs a:active{
color: #000000;
text-decoration: none;
}
h1.breadcrumbs a:hover{
color: #2D4479;
text-decoration: underline;
}
.cat-summmary{
text-decoration: none;
text-transform: capitalize;
width: 195px;
margin: 5px 10px 0 0;
}
.cat-summmary a:hover,
.cat-summmary a:active{
color:#2D4479;
}
.cat-summmary-header{
background: url(../images/box-3cols-header.gif) no-repeat bottom;
height: 4px;
width: 195px;
}
.cat-summmary-body{
background: url(../images/box-3cols-body.gif);
width: 195px;
height:120px;
min-height:120px;
text-align: center;
}
.cat-summmary-body p{
margin: 0px;
padding: 2px 0 5px 0;
}
.cat-summmary-body p a{
margin: 0px;
padding: 0px;
color: #9597ae;
}
.cat-summmary-body p a:hover{
color: #2D4479;
}
.cat-summmary-body img{
padding: 2px 0;
}
.cat-summmary-footer{
background: url(../images/box-3cols-footer.gif) no-repeat top;
height: 4px;
width: 195px;
}
/* SIEPAGES & TEMPLATES > SUMMARY */
.filter,
.additional {
border-bottom: 1px solid #E8E8E8;
margin: 0;
font-size: 14px;
padding: 6px 0;
}
/*.filter {
padding: 6px 0 6px 25px;
background-image: url(../images/filter.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}*/
.cat-title,
.page-title {
font-size: 18px;
text-transform: capitalize;
color: #2D4479;
margin: 2px 0;
padding: 0;
font-family: Tahoma,Arial, Helvetica,sans-serif;
}
.cat-title h2 {
font-family: Tahoma,Arial, Helvetica,sans-serif;
color: #2D4479;
}
.page-title {
padding: 1px 0 3px 0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #2D4479;
font-family: Tahoma,Arial, Helvetica,sans-serif;
color: #000000;
}
.prodbox-landscape-header,
.prodbox-landscape-footer{
margin: 0;
padding: 0;
background-repeat: no-repeat;
height: 8px;
width: 621px;
}
.prodbox-landscape-header {
background: url(../images/product-landscape-bg-header.gif) no-repeat bottom left;
}
.prodbox-landscape-body {
background: url(../images/product-landscape-bg-body.gif) repeat-y top left;
position:relative;
height:80px;
min-height:80px
}
.prodbox-landscape-footer {
background: url(../images/product-landscape-bg-footer.gif) no-repeat top left;
}
.prodbox-comparecheckbox {
position:absolute;
top:0px;
left:2px;
}
.prodbox-landscape-thumbimage {
margin: 2px 2px 2px 20px;
}
.prodbox-landscape-txt {
position:absolute;
top:0px;
left:110px;
}
.prodbox-landscape-txt h2, .summary-boxes h2{
padding: 0;
}
.prodbox-landscape-txt h2{
margin: 0 0 2px 0;
padding: 0;
}
.summary-boxes h2{
margin: 0;
}
.prodbox-landscape-txt h2 a,
.summary-boxes h2 a{
color: #9597AE;
font-size: 14px;
text-decoration: none;
}
.prodbox-landscape-txt h2 a:hover,
.summary-boxes h2 a:hover{
color: #2D4479;
text-decoration: underline;
}
.prodbox-landscape-txt p, .summary-boxes p{
margin: 0;
padding: 0;
font-size: 10px;
}
.prodbox-landscape-price{
position:absolute;
top:22px;
left:370px;
}
.prodbox-landscape-addbtn{
position:absolute;
top:22px;
right:10px;
width: 109px;
}
.summary-boxes-header{
background: url(../images/box-summary-header.gif) no-repeat bottom;
height: 4px;
height: 10px;
}
.summary-boxes-header,
.summary-boxes,
.summary-boxes-footer{
padding: 0;
margin: 0px;
width: 154px;
}
.summary-boxes,{
padding: 0 2px;
height: 50px;
}
.summary-boxes {
clear: both;
background-image: url(../images/box-summary-body.gif);
text-align: center;
}
.summary-boxes p{
margin: 0 2px;
padding:0;
}
.summary-boxes p a{
text-decoration: none;
}
.summary-boxes p a:hover{
text-decoration: underline;
color: #305490;
}
.summary-boxes-footer {
background-image: url(../images/box-summary-footer.gif);
background-repeat: no-repeat;
height: 29px;
background-position: top;
margin: 0 0 3px 0;
}
.summary-boxes-footer p{
margin: 0;
padding:3px 0 0 0;
}
.catoffer{
margin: 5px 5px 0 5px;
}
.catoffer-header,
.homeoffer-body,
.homeoffer-footer{
}
.catoffer-header{
background-image: url(../images/home-offer-header.gif);
background-repeat: no-repeat;
background-position: bottom;
height: 5px;
width: 296px;
}
.catoffer-body{
background-image: url(../images/home-offer-body.gif);
width: 296px;
}
.catoffer-body-content{
position:relative;
}
.catoffer-footer{
background-image: url(../images/home-offer-footer.gif);
background-repeat: no-repeat;
background-position: top;
height: 5px;
width: 296px;
}
.catoffer-body h1 {
font-size:14px;
margin:0;
padding:2px 0 4px 8px;
font-weight: bold;
}
.catoffer-body h1 a {
color: #000000;
margin:0;
padding:0;
}
.catoffer-body h1 a:hover {
color: #2D4479;
}
.catoffer-body-left{
width: 140px;
text-align: center;
}
.catoffer-body-right{
width:155px;
position:absolute;
top:0px;
right:0px;
}
.catoffer-body-right img{
margin:4px 0 1px 0;
padding:0;
}
/* END SIEPAGES & TEMPLATES > SUMMARY */
/* END SIEPAGES & TEMPLATES > DETAIL */
#detailbox {
position:relative;
}
#thumbdetails {
width: 270px;
position:absolute;
top:1px;
left:0px;
text-align: center;
}
#thumbdetails p{
font-size: 10px;
color: #000000;
}
#detailboxtxt {
padding-left: 270px;
font-size: 12px/1.2;
font-family: Tahoma,Arial, Helvetica,sans-serif;
}
#detailboxtxt p{
padding: 4px 0;
font: 12px/1.2 Tahoma,Arial, Helvetica,sans-serif;
}
#detailboxtxt li{
background-image: url(../images/bullet-arrow2.gif);
background-repeat: no-repeat;
background-position: 3px 5px;
padding: 1px 0 1px 12px;
font: 12px/1.2 Tahoma,Arial, Helvetica,sans-serif;
}
#detailboxtxt li a{
color: #000000;
}
#detailboxtxt li a:hover{
color: #2D4479;
}
.details_Desc{
width:95%; *width:100%;
border: 1px solid #FFFFFF;
padding:10px;
margin:5px;
font-family: Arial, helvetica, sans-serif;
}
.details_Desc h3{
padding:4px;
font:bold 12px Arial, helvetica, sans-serif;
color: #000000;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #2D4479;
}
.details_Desc p {
font-family: arial!important;
}
.pmaintitle{
font-family:bold 14px Arial, Helvetica, sans-serif;
color: #2D4479;
text-decoration: none;
text-transform: capitalize;
}
.FeatureGroupName{
width: 100%;
height: 18px;
margin:1px;
text-transform: capitalize;
}
.FeatureGroupName td{
font:bold 12px Arial, Helvetica, sans-serif;
color: #2D4479;
text-transform: capitalize;
padding-top: 7px;
margin-bottom: 5px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #FFFFFF;
}
/* END SIEPAGES & TEMPLATES > DETAIL */
/* SIEPAGES & TEMPLATES > LOGIN PAGE */
#login-div{
width: 150px;
margin: 5px 0 5px 230px;
}
#login-div input{
height: 18px;
width: 110px;
border: 1px solid #CCCCCC;
}
#login-div img{
margin: 5px;
}
/* END SIEPAGES & TEMPLATES > LOGIN PAGE */
/* SIEPAGES & TEMPLATES > CONTACT PAGE */
.opening-time, .contact-tel, .contact-email{
margin: 0;
background-repeat: no-repeat;
background-position: left;
}
.opening-time{
background-image: url(../images/contact-openingtime-icon.gif);
padding: 4px 0 4px 30px;
}
.contact-tel{
background-image: url(../images/contact-tel-icon.gif);
padding: 7px 0 7px 30px;
}
.contact-page{
padding: 0 0 0 30px;
margin: 0;
line-height: normal;
}
.contact-email{
background: url(../images/contact-email-icon.gif) no-repeat top left;
padding: 4px 0 4px 30px;
}
.contact-postal{
background: url(../images/contact-envelope-icon.gif) no-repeat center left;
padding: 4px 0 4px 30px;
}
.9to5{
font-weight: normal;
color: #000000;
}
/* END SIEPAGES & TEMPLATES > CONTACT PAGE */
.activepage {
color: #2D4479;
padding: 5px 0;
font-weight: bold;
}
.inactivepage{
color: #000000;
padding: 5px 0;
}
.inactivepage a{
color: #000000;
padding: 5px 0;
}
.inactivepage a:hover{
color: #2D4479;
}
/* END SIEPAGES & TEMPLATES */
/* h1 text styles */
/* header and footer*/
.navigationheader li{
margin: 0px;
list-style: none;
float:left;
display: block;
}
li.btheader{
background-image: url(../images/btnheaderbg.jpg);
background-repeat: no-repeat;
width: 79px;
height:26px;
padding-top: 5px;
text-align: center;
}
li.btheader a{
color: #456B88;
font-size: 9px;
font-weight: bold;
font-family: verdana;
text-decoration: none;
}
.btheader a:hover{
color:#2D4479;
}
.navigationheader{
background-image: url(../images/bgheader.gif);
background-repeat: repeat-x;
background-position: bottom left;
height:48px;
padding: 0px
}
.subheader{
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-position: top left;
height:28px;
margin-top: 2px;
text-align: center;
padding-top: 1px;
color: #FFFFFF;
font-size: 10px;
font-weight: bold;
font-family: verdana;
}
#mainheader{
background-image: url(../images/header-bg.jpg);
background-repeat: repeat-x;
background-position: top left;
width: 67%;
height: 155px;
vertical-align: top;
margin: 0px 0px 25px 0px;
}
.mainheaderb{
width: 100%;
height:87px;
}
.hdrc{
MARGIN-TOP: 10px;
FLOAT: right;
WIDTH: 350px;
MARGIN-RIGHT: 20px;
HEIGHT: 30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: right;
}
.topbts{
margin-top: 7px;
}
/* Navigation styles */
/* evolve ids and classes */
#tablemain,
#tableproducts,
#tablesearch,
#tablecustreg,
#tableviewcart{
width:960px;
margin:0 auto;
background-color:#ffffff;
}
#productscontent,
#maincontent,
#searchcontent,
#viewcartcontent,
#custregcontent{
background-color:#ffffff;
}
#productscontent .thumbImage img
{
width: 75px;
}
#sidebar{
overflow: hidden;
height:350px;
width: 155px;
}
#sidebar select.paramstyle{
font-size:11px;
width:140px;
}
#maincontent td{
vertical-align:top;
}
#maincontent{
width: 100%;
}
.maincontentfrontpage td{
vertical-align:top;
width: 50%;
}
.maincontentfrontpage table{
width: 100%;
}
.ps_thumb,
.ps_thumb img{
padding:0;
margin:0;
border:0;
}
table.sclistclass{
padding:5px;
border:1px solid #BACEE7;
background-color:#E0E4EF;
}
div.search{
width:450px;
border:1px solid #BACEE7;
background-color:#E0E4EF;
padding:5px;
margin-bottom:20px;
}
.sclistclass a:hover,
a:active.sclistclass{
color: #456B88;
text-transform: capitalize;
font-size: 12px;
font-weight:normal;
font-family: arial,helvetica,sans-serif;
text-decoration:underline;
background-image:url(../images/arrow.gif);
background-repeat:no-repeat;
background-position:left top;
height:24px;
padding-left:20px;
white-space:nowrap;
text-decoration: none;
}
.sclistclass a:link,
.sclistclass a:visited{
color: #456B88;
text-transform: capitalize;
font-size: 12px;
font-weight:normal;
font-family: arial,helvetica,sans-serif;
text-decoration:underline;
background:url(../images/arrow.gif) no-repeat left top;
height:24px;
padding-left:20px;
white-space:nowrap;
text-decoration: none;
}
/* components styling*/
.componentName{
font-weight:bold;
height:25px;
line-height:25px;
white-space:nowrap;
padding-left: 10px;
background-color: #6d94ad;
}
select.compclass{
width: 450px;
}
.computerConfigurator tr{
background-color: #ececec;
}
.computerConfiguratorPrice{
margin-left: 20px;
font-size: 140%;
}
/* sitemap styles */
.smcatlist{
padding-left:20px;
float:left;
text-transform: capitalize;
}
.smcatlist li{
list-style-type:circle;
}
.smcatlist ul{
padding-left:40px;
}
.smcatlist li li{
list-style-type:square;
}
/* created by designers */
.more{
padding-left:15px;
text-transform: capitalize;
background:#fff url(../images/more.gif) no-repeat 0 0;
width:80px;
height:20px;
}
.more a:link,
.more a:visited,
.more a:active{
color:red;
text-decoration:none;
}
a:hover.more{
padding-right:15px;
color:#ff9933;
background-color:#fff;
text-decoration:none;
font-weight:bold;
}
.dotline{
width:100%;
margin:0px;
padding:0px;
border-bottom: 1px dotted #6D8FAA;
}
div.rightsidebar{
margin-left:3px;
}
.rightsidebar{
width:150px;
}
/* Right hand sidebar specific */
.shopping_cart{
margin-top: 10px;
width: 150px;
height: 125px;
background-image: url(../images/backcart2.gif);
background-repeat: no-repeat;
}
.sidebarCapsule{
margin-top: 10px;
width: 159px;
text-align: left;
}
.sidebarCapsuleContent{
width: 100%;
border-left: 1px #6D8FAA solid;
border-right: 1px #6D8FAA solid;
}
#homepageoffers td{
vertical-align:top;
padding:5px; /* !important; */
}
.featurehomepage{
border:1px solid #6d8faa;
height: 130px;
width:99%;
text-transform: capitalize;
}
.price-summary-boxes{
font-weight:bold;
font-size:14px;
color:#2D4479;
}
.price-summary-boxes{
text-align: center;
}
.featureproduct,
.featureproductman a:hover{
color:#2D4479;
}
.featureproductmantable{
padding:0;
border: 1px solid #6d8faa;
width: 100%;
margin: 0 0 0 0;
background-color:#ffffff;
}
.featureproductman img{
float : left;
width: 40px;
height: 40px;
}
.featureproduct img{
float : left;
}
.featureproduct h4{
font-size : 12px;
font-weight : bold;
margin : 0;
padding : 0;
}
hr.blue{
border : 0;
color : #6b8fab;
background-color : #6b8fab;
height : 1px;
width : 90%;
text-align : left;
}
/* borders */
.t{
border-top : 1px solid #6B8FAB;
padding : 0;
margin : 0;
}
.r{
border-right : 1px solid #6B8FAB;
padding : 0;
margin : 0;
}
.b{
border-bottom : 1px solid #6B8FAB;
padding : 0;
margin : 0;
}
.l{
border-left : 1px solid #6B8FAB;
padding : 0;
margin : 0;
}
.gradient{
background:#6B8FAB url(../images/gradient.gif) repeat-x top left;
}
/* homepage specific */
.homepageBanner{
background-image: url(../images/home_back01.jpg);
padding-top: 4px;
background-repeat: no-repeat;
height: 122px;
display: block;
}
.banner1{
background-image: url(../images/banner1bg.jpg);
background-repeat: repeat-x;
height: 122px;
margin: 0px;
padding: 0px;
}
/* product summary specific */
.sum1{
margin-top: 12px;
margin-left: 12px;
float: left;
width: 120px;
text-align: center;
}
.sum2{
margin-top: 12px;
margin-bottom: 12px;
float: right;
width: 440px;
text-align: left;
}
.sum1b{
margin-top: 6px;
margin-left: 6px;
float: left;
width: 90px;
text-align: center;
}
.sum2b{
margin-top: 6px;
margin-bottom: 6px;
float: right;
width: 190px;
text-align: left;
}
.productSummary{
width:100%;
height: 127px;
border: 1px solid #6D8FAA;
text-align: left;
margin-right: 6px;
margin-bottom: 10px;
margin-top: 10px;
}
.productSummary2{
width: 100%;
height: 127px;
border: 1px solid #6D8FAA;
text-align: left;
margin-right: 20px;
margin-bottom: 10px;
margin-top: 10px;
}
.productSummaryData{
height: 165px;
width: 100%;
margin: 0px;
}
.productSummaryButtons{
text-align: center;
}
.productSummaryThumb{
max-width: 99px;
}
.bgsummary{
background:#fff url(../images/bg_summary.gif) no-repeat top left;
}
/* Product Detail Pages */
#productdetails{
width:95%;
}
.details_Img{
float:left;
background-image: url(../images/imgback.gif);
background-position: center;
background-repeat: no-repeat;
height: 196px;
width: 233px;
text-align: center;
/* padding: 10px 5px 5px; */
}
.details_Img img{
margin-top:10px;
}
.details_Continued{
float: left;
}
.details_CartAdd{
background-image: url(../images/detback.gif);
background-repeat: no-repeat;
width:227px;
height: 60px;
background-position: top center;
text-align: center;
display:inline;
}
/* sub nav on product details */
#navcontainer ul{
padding:0;
margin:0;
width:100%;
height:30px;
}
#navcontainer ul li{
list-style-type: none;
padding: 0 0 0 1px;
margin: 0;
display: block;
float: left;
background: url("../images/bg_tab.gif") no-repeat 0 0;
font:bold 12px/20px Arial, verdana, sans-serif;
text-align: center;
}
#navcontainer a{
color: #333;
text-decoration: none;
display: block;
width: 150px;
height:30px;
border:0;
padding:5px 0;
}
#navcontainer a:hover{
color:#333;background: url("../images/bg_tabover.gif") no-repeat 0 0;
}
/*
new template details */
#specs{
width:100%;
margin:2px 0;
padding:5px;
background-color:#f3f3f3;
border:1px solid #ffffff;
}
#specs p{
border-bottom:1px solid #c3c3c3;
margin:1px 0;
font-size:11px;
line-height:14px;
}
#ordering{
width:100%;
margin:2px 0;
padding:5px;
background-color:#f6f0c9;
border:1px solid #636363;
}
#ordering .price{
text-align:left;
font-size:16px;
line-height:1.4;
}
#description{
width:100%;
margin:2px;
padding:5px;
background-color:#ffffff;
border:0px dotted #3a3a3a;
}
/* ----------------- */
.bthomeheader{
margin-left: 40px;
}
#right{
position: absolute;
top: 160px;
left: 617px;
}
#totalhome{
width: 100%;
margin-top: 7px;
}
.box01{
background-image: url(../images/box01_bg.gif);
background-repeat: no-repeat;
width:227px;
height: 191px;
display:block;
float:left;
margin-top: 5px;
padding:0 0 0 1px;
}
.small,
.small2{
font-size: 11px;
font-family: arial, helvetica;
}
.small{
color: #000000; /* !important */
}
.small2{
color: #404040;
font-size: 10px;
}
.red{
color: #ff0000;
font-size: 14px;
font-family: arial, helvetica;
}
.computerConfiguratorPrice{
text-align: right;
}
.computerConfiguratorPrice span.red{
color: red;
font-size: 160%;
}
.box01 form{
margin-top: -25px;
}
.sidebar_right{
position: absolute;
top: 160px;
left: 617px;
}
#summarycont{
width:100%;
}
#detailcont{
width:470px;
}
.prodname{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #006699;
text-decoration: none;
font-weight: bolder;
}
.prodname a:hover{
color: #2D4479;
}
dl.home{
background-image: url(../images/box01_bg.gif);
background-repeat: no-repeat;
width:227px;
height: 191px;
display:block;
float:left;
margin-top: 5px;
margin-right:3px;
padding-top:2px
}
dt.home{
float:right;
padding: 5px 10px;
margin-bottom: 10px;
font-size: 10px;
text-align: center;
}
dd.txt{
margin: 0;
font-size: 9px;
width:130px;
float:right;
padding-top:1px;
margin-right:5px
}
dd.txt strong{
font-size: 11px
}
dd.img{
margin: 0;
float:left;
padding:5px
}
.summaryitems{
width:223px;
height: 190px;
border: 1px solid #6D8FAA;
margin-right: 6px;
margin-bottom: 10px;
text-align:left;
margin-top: 10px;
}
.thumbn{
width: 60px
}
.thumbx{
FLOAT: left;
padding: 5px;
}
.descA{
float:right;
margin-left: 3px;
padding: 3px;
width: 115px;
height:160px;
}
input.srchA{
margin-bottom: 3px;
}
.pricets{
color: #FF0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}
.price {
color:#ff0000;
font-size: 13px;
text-align: center;
width: 100%;
}
ul.list{
margin-bottom: 4px;
background-color: #456B88;
width: 100%;
}
li.list{
float: left;
list-style: none;
padding: 9px;
font-family: verdana;
font-size: 11px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
background-color: #456B88;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #FFFFFF;
}
.list ul a:link, .list ul a:visited{
text-decoration: none;
color: #FFFFFF;
}
.list li a:link,.list li a:visited{
text-decoration: none;
color: #FFFFFF;
}
.list li a:hover{
color: #FCB519;
}
.list ul li ul a{
display:block;
clear:both;
}
.pname{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #456B88;
text-decoration: none;
text-transform: capitalize;
}
.layer{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width:630px;
height: 300px;
margin-left:5px;
margin-top:10px;
position: absolute;
top: 520px; /* top: 500px; */
overflow:auto;
}
.viewcart{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-color: #5C7E8B;
margin: 1px;
width: auto;
padding: 3px;
text-align: center;
}
.viewcart a:link, .viewcart a:visited{
text-decoration: none;
color: #FFFFFF;
}
.sbbox{
padding:0;
border: 1px solid #6d8faa;
width: 150px;
margin: -5px 0 0 0;
background-color:#ffffff;
}
.sbboxban{
padding:0;
border: 1px solid #6d8faa;
width: 144px;
margin: -5px 0 0 0;
background-color:#ffffff;
}
.allcompname{
background-color: #ECF0F4;
margin-top:12px;
padding-left:6px;
}
.catcomp td a:link,
.catcomp a:visited,
.catcomp a:hover,
.catcomp a:active{
color: #000000;
font-size: 12px;
font-weight:normal;
font-family: arial,helvetica,sans-serif;
text-decoration:underline;
background-image:url(../images/arrow.gif);
background-repeat:no-repeat;
background-position:left top;
height:24px;
padding-left:20px;
width: 180px;
}
.catcomp{
padding:5px;
border:1px solid #BACEE7;
background-color:#E0E4EF;
width: 450px;
}
/* related products */
.related{
width:180px;
text-align:center;
}
.related img{
border:1px solid #BACEE7;
padding:2px;
margin-bottom:10px;
clear:both;
}
.related a:link,
.related a:visited,
.related a:hover,
.related a:active{
text-decoration:underline;
clear:both;
padding:2px;
margin-bottom:5px;
}
.orange{
color:#2D4479;
}
/* filtering systems */
#searchboxAllaslist{
overflow: hidden;
clear: both;
padding:10px;
margin:5px;
}
#searchboxAllaslist_selected ul{
margin:0 0 50px 0;
padding:0;
border-left:2px solid #333;
}
#searchboxAllaslist form{
margin-bottom:5px;
}
#searchboxAllaslist_selected #searchboxallaslist ul{
clear:both;
margin:0 0 50px 0;
background-color: #e5e5e5;
}
#searchboxAllaslist h1{
font-size:14px;
clear:both;
padding:3px;
margin:0;
background: #f6f6f6;
color: #333;
}
h1.searchboxAllaslist{
float: left;
}
#searchboxAllaslist ul{
clear:both;
overflow: hidden;
}
ul.stemplistclass {
margin: 0 !important;
padding: 0 !important;
}
.stemplistclass{
text-transform: capitalize;
display: block;
white-space: nowrap;
}
.stemplistclass li{
float:left;
display: block;
list-style: none;
padding: 0px 5px ;
font-size:90%;
border-right: 1px solid #3E3E3E;
margin: 5px 0px;
}
.stemplistclass a:link,.stemplistclass a:visited{
color:#003366;
}
.stemplistclass a:hover,.stemplistclass a:active{
color:#2D4479;
text-decoration: none;
}
.psclistclass{
text-transform: capitalize;
}
a:hover.psclistclass,a:active.psclistclass{
color:#2D4479;
}
.searchbox1aslist{
text-transform: capitalize;
}
#buttons{
width:600px;
padding:5px;
display: block;
margin: 20px 0px 0px 0px;
}
#buttons p{
clear:both;}
#buttons p img{
border:0;
}
.t20ha{
text-transform: capitalize;
}
.t20ha a:hover{
color:#2D4479;
}
.t20up{
text-transform: uppercase;
}
.smcatlist a:hover{
color:#2D4479;
}
.relatedbox table{
width: 100%;
}
.pvlistclass TD{
white-space:nowrap;
width:16%;
text-align: center;
}
.pvlistclass{
padding:10px;
}
.pvlistclass a:hover{
color:#2D4479;
}
#brands .pvlistclass TD{
white-space:nowrap;
width:150px;
text-align: center;
margin:2px 0;
border:1px solid #f5e5e5;
}
#brands .pvlistclass a:link,
#brands .pvlistclass a:visited,
#brands .pvlistclass a:active{
color:#2D4479;
display:block;
}
#brands .pvlistclass a:hover{
color:#993300;
background-color:#f5e5e5;
display:block;
}
/* details*/
.deta2{
padding: 5px;
width: 655px;
border: 1px solid #456B88;
margin: 5px;
height: auto;
}
.deta3{
padding: 5px;
width: 98%;
background-color: #F5F5F5;
height: 315px;
margin: 26px 0px 0px 0px;
}
.deta4{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-decoration: none;
}
/*
Orders history and */
.vieworderhistoryheader{
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-position: left top;
height:14px;
margin-top: 2px;
text-align: center;
padding-top: 1px;
color: #FFFFFF;
font-size: 10px;
font-weight: bold;
font-family: verdana
}
.vieworderhistoryline{
background-image: url(../images/viewordersbgalt.gif);
background-repeat: repeat-x;
color: #000000;
font-size: 10px;
font-family: arial,helvetica,sans-serif;
}
.vieworderhistorylinealt{
background-image: url(../images/viewordersbg.gif);
background-repeat: repeat-x;
color: #000000;
font-size: 10px;
font-family: arial,helvetica,sans-serif;
}
.vieworderhistorylinks{
color: #006092;
font-size: 10px;
font-family: arial,helvetica,sans-serif;
}
.vieworderhistorylinks a:hover{
color:#2D4479;
}
/*
=shopping basket styles */
#cartmainouter table{
width: 100%;
}
.vc1{
background-color: #465150;
padding: 5px;
white-space:nowrap;
}
.vc2,
.vc2alt{
text-transform: uppercase;
padding:5px;
}
.vc2 a:link,
.vc2alt a:link{
color:#2D4479;
}
.vc2 a:hover,
.vc2alt a:hover{
color:#2D4479;
}
.vc3,
.vc4{
padding:5px;
}
.vc4{
background-color: #000000;
color: #FFFFFF}
.vc5{
padding:10px 0;
}
/* end shopping cart */
/* orderform styles */
#ordertable
{
width: 100%;
text-align: center;
}
#ordertable table
{
margin: 20px auto 0 auto;
width: 600px;
}
#ordertable table img
{
margin-right: 15px;
}
#ordertable .of2, #ordertable .of4
{
color: #fff;
background: #000;
}
#ordertable .of1, #ordertable .of2, #ordertable .of3, #ordertable .of4
{
padding: 5px;
text-transform: uppercase;
}
#ordertable .of1, #ordertable .of3
{
font-size: 12px;
}
#ordertable .of1
{
border-bottom: 1px solid #c3c3c3;
}
.orderformHeader
{
width: 100%;
height: 125px;
background: #000;
}
.orderformHeader1
{
width: 765px;
margin: 0 auto;
padding-top: 10px;
}
.orderformHeader1 img
{
float: left;
}
.orderformHeader1 h1
{
float: right;
color: #fff;
font-size: 24px;
padding: 20px;
}
/*
rma form */
#rmaform fieldset{
padding:5px 0;
margin-bottom:20px;
border-bottom:2px solid #2D4479;
background-color:#f7f7dc;
}
#rmaform table td{
padding:5px;
}
#rmaform legend{
font-weight:bold;
color:#2D4479;
}
#rmaform input{
border:1px solid #3a3a3a;
padding:1px;
}
.PageNumbers {
overflow: hidden;
list-style-type: none;
}
.PageNumbers li {
float: left;
padding: 5px;
}
.centre-area {
padding: 0px -12px 0px 0px!important;
}
/* homepage offers */
.homeoffers {
overflow: hidden;
width: 290px;
height: auto;
margin: 0px 18px 15px 0px;
border: 2px solid #647680;
}
.homeoffers-img {
float: left;
}
.homeoffers-img img {
margin: 8px;}
.homeoffers-cont {
float: right;
width: 130px;
color: #FFFFFF;
margin: 10px;
}
.homeoffers-cont h2 {
font-size: 13px;
font-weight: normal;
}
.homeoffers-cont h2 a:link,
.homeoffers-cont h2 a:visited {
text-decoration: none;}
.homeoffers-1line {
background-color: #000000;
width: 611px;
height: auto;
margin: 0px 0px 15px 0px;
}
.homeoffers-1line-img {
float: left;
width: 143px;
}
.homeoffers-1line-img img {
margin: 8px;
}
.homeoffers-1line-cont {
float: right;
width: 360px;
color: #FFFFFF;
margin: 10px;
}
.homeoffers-1line-cont h2 {
font-size: 14px;
font-weight: bold;
color: #C996FB!important;
margin: 0px 0px 3px 0px;
}
.homeoffers-1line-cont p {
margin: 0px 0px 5px 0px;
}
.homeoffers-1line-cont h2 a:link,
.homeoffers-1line-cont h2 a:visited
{color: #FFFFFF;
text-decoration: none;
}
/*
example navigation styles */
/* side bar navigation */
td.s3t,
td.s4t,
td.s5t{
border:1px solid #ffffff;
}
td.s4t a:link,
td.s4t a:visited,
td.s4t a:active,
td.s5t a:link,
td.s5t a:visited,
td.s5t a:active {
font-family:Arial, Verdana, sans-serif;
color: #BBBBBC;
text-transform: capitalize;
display:block;
padding:6px 3px;
text-decoration:none;
}
td.s3t a:hover,
td.s4t a:hover,
td.s5t a:hover{
font-family:Arial, Verdana, sans-serif;
color: #65E383;
text-transform: capitalize;
display:block;
padding:6px 3px;
text-decoration:capitalize;
color: #C412CB;
background-image: url(../images/s5b-bg.jpg);
background-repeat: no-repeat;
background-position: left center;
}
td.s3t a:link,
td.s3t a:active,
td.s3t a:visited{
text-transform: capitalize;
font-family:Arial, Verdana, sans-serif;
text-decoration: none;
display:block;
padding:6px 3px;
background-image: url(../images/s5b-bg.jpg);
background-repeat: no-repeat;
background-position: left center;
color: #C412CB;
}
/* end side bar navigation */
/**********************************************/
/* side bar sub navigation */
td.s25t {
font-family:Arial, Verdana, sans-serif;
font-size:11px;
}
td.s24t {
font-family:Arial, Verdana, sans-serif;
font-size:11px;
border: 0px solid #000000;
}
td.s23t a:link,
td.s23t a:visited,
td.s23t a:active{
color: #333333;
text-transform: capitalize;
font-family:Arial, Verdana, sans-serif;
text-decoration:none;
font-weight: bold;
font-size:10px;
display:block;
padding:4px 3px 4px 15px;
background-image: url(../images/bullet1.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
background-color: #ffffff;
}
td.s24t a:link,
td.s24t a:visited,
td.s24t a:active{
color: #333333;
text-transform: capitalize;
font-family:Arial, Verdana, sans-serif;
text-decoration:none;
font-size:10px;
display:block;
padding:4px 3px 4px 15px;
background-image: url(../images/bullet1.gif);
background-repeat: no-repeat;
background-position: 5px 5px;
background-color: #FFFFFF;
}
td.s25t a:hover,
td.s24t a:hover {
background-color:#ffffff;
text-transform: capitalize;
font-family:Arial, Verdana, sans-serif;
text-decoration:underline;
font-size:10px;
display:block;
padding:4px 3px 4px 15px;
background-image: url(../images/bullet1.gif);
background-repeat: no-repeat;
background-position: 5px 5px;
color:#D26DDE;
}
/* end side bar sub navigation */
#account{
margin: 0 0 10px 0;
}