/*
 *  This is the file where you put your CSS changes. 
 *  You should preferrably use this and override the 
 *  relevant properties you want to change here instead 
 *  of customizing plone.css to survive upgrades. Writing
 *  your own plone.css only makes sense for very heavy 
 *  customizations. Useful variables from Plone are 
 *  documented at the bottom of this file.
 */
 
/* <dtml-with base_properties> (do not remove this :) */
/* <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either :) */


body {
    font: 60% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    background-color: #ECEAF5;
    color: Black;
    margin: 0;
    padding: 0;
}

form {
    border: none;
   margin: 0;
    padding: 0;
}

table {
    font-size: 100%;
}

a {
    color: #436976;
   /*//color:#FFFFFF;*/
    background-color: transparent;
}
img {
    border: none;
    vertical-align: middle;
}
p {
    margin: 0 0 0.75em 0;
    line-height: 1.5em;
}

p img {
    border: none;
    margin: 0;
}

hr {
    border: 0;
    height: 1px;
    color: #8cacbb;
    background-color: #8cacbb;
    margin: 0.5em 0 1em 0;
}


h1, h2, h3, h4, h5, h6 {
    color: #7173A6;
    background-color: transparent;
    font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin: 0 0 0.25em 0;
    border-bottom: 1px solid #8cacbb;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #7173A6 ! important;
    text-decoration: none;
}

h1 {
    font-size: 160%;
}

h2 {
    font-size: 150%;
}

h3 {
    font-size: 125%;
    border-bottom: none;
    font-weight: bold;
}

h4 {
    font-size: 110%;
    border-bottom: none;
    font-weight: bold;
}

h5 {
    font-size: 100%;
    border-bottom: none;
    font-weight: bold;
}

h6 {
    font-size: 85%;
    border-bottom: none;
    font-weight: bold;
}

ul {
    line-height: 1.5em;
    margin: 0.5em 0 0 1.5em;
    padding: 0;
    list-style-image: url(http://whizz.in/bullet.gif);
    list-style-type: square;
}

ol {
    line-height: 1.5em;
    margin: 0.5em 0 0 2.5em;
    padding: 0;
    list-style-image: none;
}

li {
    margin-bottom: 0.5em;
}

dt {
    font-weight: bold;
}

dd {
    line-height: 1.5em;
    margin-bottom: 1em;
}

fieldset {
    border: 1px solid #8cacbb;
    margin: 1em 0em 1em 0em;
    padding: 0em 1em 1em 1em;
    line-height: 1.5em;
    width: auto;
}
legend {
    background: #ECEAF5;
    padding: 0.5em;
    font-size: 90%;
}



label {
    font-weight: bold;
}

textarea {
    font: 100% Monaco, "Courier New", Courier, monospace;
    border: 1px solid #8cacbb;
    color: Black;
    background: White url(http://whizz.in/input_background.gif) repeat-x;
    width: 100%;
}

input {
    font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    visibility: visible;
    border: 1px solid #8cacbb;
    color: Black;
    vertical-align: middle;
    background: White url(http://whizz.in/input_background.gif) repeat-x;
}
select {
    border: 1px solid #8cacbb;
    color: Black;
    background-color: White;
    vertical-align: top;
}



.portalUser {
text-transform:capitalize;
}

#portal-top, #portal-column-two {
display:none;
}

batchstyle{
text-transform:uppercase;
font-size:85%;
color:#7173A6;
padding:2px 7px;
text-decoration:none;
float: right;
}

.listingBar {
text-transform:uppercase;
font-size:85%;
color:#7173A6;
padding:2px 7px;
text-decoration:none;
float: right;
}

#portal-columns {
width:780px !important;
margin:auto;
margin-top:0px;
}

.headholder{
background: url('../images/top_banner.gif') no-repeat 50%;
height: 118px !important;
vertical-align:top;
align:left;
padding:18px 20px 0 20px;
}

#portal-column-content{
margin:0px 0px 0px 0px;
background-color:#FFFFFF;
/*border-left:1px solid #D395BC;*/
border-right:1px solid #D395BC;
border-left:1px solid #D9D4E9;
}

#portal-column-content .visualPadding{
height:100%;
background-color:#FFFFFF repeat 100%;
/*border:1px solid #D395BC repeat 100%;
*/}

.context,
.documentEditable * .context {
cursor:pointer;
background:#d9d4e9;
border:outset 1px #ccc;
color:#000;
padding: 1px 2px;
}
/*
width:570px;
height:87px;
*/
#adbanner{
width:100%;
height:100%;
float:right;
background-color:#ffffff;
/*background-color:#383432;*/
margin:0px;
vertical-align:middle;
}

#adbanner a, adbanner img {
border:0px;
vertical-align:middle;
}

#search-widget{
width:100%;
}


p img {
border: none;
margin: 0;
}



a {
text-decoration:none;
}







#searchGadget{
     background-color:#ffffff;
}

.advanced-search{
color:#7173A6;
font-size:100%;
padding:2px 7px;
text-decoration:none;
}
.mainleftshadow {
background: url('../images/mainleftshadow.gif') repeat-y;
width:4px !important;
margin-left:4px;
}
.mainrightshadow {
background: url('../images/mainrightshadow.gif') repeat-y;

}
#topbarlinks{
color:White;
text-align:center;
width:100%
}
#topLinks{
height:35px;
}

.homefooter {
text-align:center;
margin-top:10px;
margin-botton:10px;
line-height:16px;
color:#6F6A6E;
vertical-align:middle;
text-decoration:none;
}
.homefooter a{
text-align:center;
margin-top:10px;
margin-botton:10px;
line-height:16px;
color:#6F6A6E;
vertical-align:middle;
text-decoration:none;
}

#portal-column-one {
vertical-align: top;
background-color: #BAB3D6;
width:177px fixed;
height:100%;
color:white;
text-align:right;
}


#portal-column-one .visualPadding {
}



#portal-column-two .visualPadding {
padding: 0px;
}
#content, #content .documentEditable, .documentContent, #region-content .documentContent{
/*padding:0 !important;*/
/*margin:0; !important;*/
}
.documentContent{
background-color:#FFFFFF;
}


#portal-column-contentmain{


}


#homepic{
background:url('../images/homepic.jpg') no-repeat 50% 0px;
height:230px !important;
text-align:center;
padding:15px;

}

.homepicsmall {
background:url('../images/homethumbbg.jpg') no-repeat 50% 0px;
padding:24px 21px 0 22px;
height:200px !important;
width:141px !important;
margin-right:4px;
text-align:center;
font-size:90%;
line-height:13px;
float:left;
display:inline;
}
.homepicsmall a {
display:block;
color:#1E1816;
text-decoration:none;
}
.homepicsmall .hometitle {
text-transform:uppercase;
font-weight:bold;
}


.homepicsmalllast {
background:url('../images/homethumbbg.jpg') no-repeat 50% 0px;
padding:24px 23px 0 25px;
height:200px !important;
width:141px !important;
text-align:center;
font-size:90%;
line-height:13px;
float:left;
display:inline;
}
.homepicsmalllast a {
display:block;
color:#1E1816;
text-decoration:none;
}
.homepicsmalllast .hometitle {
text-transform:uppercase;
font-weight:bold;
}




#path-personal-bars{
background-color:#D395BC;
color:#FFFFFF;
padding:3px;
height:26px;
vertical-align: middle;
text-transform:capitalize;
margin:0px;
overflow:hidden;
}
#portal-breadcrumbs{
display:inline;
background-color:transparent;
border:0px;
float:left;
vertical-align:middle;
padding:3px;
color:#FFFFFF;
font-size:100%;
text-transform:capitalize;
overflow:hidden;
}
#portal-breadcrumbs a{
color:#FFFFFF;
overflow:hidden;
}

#portal-personaltools{
display:inline;
background-color:transparent;
border:0px;
float:right;
vertical-align: middle;
padding:3px;
color:#FFFFFF;
text-transform:capitalize;
font-size:100%;
overflow:hidden;
}
#portal-personaltools li a{
color:#FFFFFF;
}
.blueheader {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #6D609E;

	text-decoration: none;

}

.dotted {
	border-left-width:1px;
	border-left-style: dashed;
	border-left-color: #5C5858;
        valign:middle; 
        
}
.items {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #666666;

	text-decoration: none;

}

.items a:link{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #666666;

	text-decoration: none;

}

.items a:visited{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #666666;

	text-decoration: none;

}

.items a:hover{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	text-decoration: none;

}

.itemsacc {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #666666;

	text-decoration: underline;

}

.itemsacc a:link{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #666666;

	text-decoration: none;

}

.itemsacc a:visited{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #666666;

	text-decoration: none;

}

.itemsacc a:hover{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	color: #000000;

	text-decoration: none;

}

.choose {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 24px;

	font-weight: normal;

	color: #6D609E;

	text-decoration: none;

}
.category, .product{
         padding-bottom:7px;
        text-transform:none;
}

.category a, .product a{
        text-transform:none !important;
        font-variant:normal;
	color: #ffffff;
        text-decoration: none;
}

.category a:hover,.product a:hover {
	color: #8278AA;
	text-decoration: none;
}








#sortable {
border:1px solid #D9D4E9;

}


.listing,
.stx table {
    /* The default table for document listings. Contains name, document types, modification times etc in a file-browser-like fashion */
    border-collapse: collapse;
    margin: 1em 1em 1em 1em;
    border: 1px solid #DBAACA;
}
.listing th,
.stx table th {
    background: #ECEAF4;
    font:Arial;
    font-size:10px;
    color:#DBAACA;
    font-weight:bold;
    padding-left:5px;
    text-decoration: none;
    text-align: left;	

    border-top: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;;
    border-bottom: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;;
    border-right: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;;
    //font-weight: normal;
    padding: 0em 0em 0em 1em;
    text-transform: &dtml-textTransform;;
}

.listing .top {
    border-left: &dtml-borderWidth; &dtml-borderStyle; &dtml-backgroundColor;;
    border-top: &dtml-borderWidth; &dtml-borderStyle; &dtml-backgroundColor; ! important;
    border-right: &dtml-borderWidth; &dtml-borderStyle; &dtml-backgroundColor; ! important;
    text-align: right ! important;
    padding: 0em 0em 1em 0em;
}

.listing .odd {
    /*every second line should be shaded */
    background-color: &dtml-oddRowBackgroundColor;;
}

.listing .even {
    background-color: &dtml-evenRowBackgroundColor;;
}
.listing .listingCheckbox {
    text-align: center;
}

.listing td,
.stx table td {
    //border-right: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;;*/
    padding: 0em 1em;
    text-align: left;
    font:Arial;
    font-size:12px;
    color:#000000;
}
/*
.listing a:hover {
    text-decoration: underline;
}
*/
.table0 {
   text-decoration: underline;
}
.listing img {
    vertical-align: middle;
}



.mainlinks {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	text-decoration: none;

}

.mainlinks a:link{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;
       

	text-decoration: none;

}

.mainlinks a:visited{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;
        
	color: #FFFFFF;

	text-decoration: none;


}

.mainlinks a:hover{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #D9D4E9;
     
	text-decoration: none;
        background-color:#6d609e; 

}

/*=====================================================*/
#dropDown {
background-color: transparent;
padding: 0em 0em 0em 2em;
white-space: nowrap;
list-style: none;
margin: 0;
height: auto;
line-height: normal;
}

#dropDown li {
display: inline;
}

#dropDown li a {
/* The normal, unselected tabs. They are all links */
background-color: transparent;
border-color: &dtml-globalBorderColor;;
border-width: &dtml-borderWidth;;
border-style: &dtml-borderStyle; &dtml-borderStyle; none &dtml-borderStyle;;
color: &dtml-globalFontColor;;
height: auto;
margin-right: 0.5em;
padding: 0em 1.25em;
text-decoration: none;
text-transform: &dtml-textTransform;;
}

#dropDown li.selected a {
/* The selected tab. There's only one of this */
background-color: &dtml-globalBackgroundColor;;
border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;;
border-bottom: &dtml-globalBackgroundColor; &dtml-borderWidth; &dtml-borderStyle;;
color: &dtml-globalFontColor;;
}

#dropDown li a:hover {
background-color: &dtml-globalBackgroundColor;;
border-color: &dtml-globalBorderColor;;
border-bottom-color: &dtml-globalBackgroundColor;;
color: &dtml-globalFontColor;;
}
/*=====================================================*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#portal-globalnav {
background-color:#6d609e;
padding: 0em 0em 0em 2em;
white-space: nowrap;
list-style: none;
margin: 0;
height: auto;
line-height: normal;
}

#portal-globalnav li {
display: inline;
}

#portal-globalnav li a {
/* The normal, unselected tabs. They are all links */
background-color: #6d609e;
border-color: transparent;
border-width: 0;
border-style: none;
color: #FFFFFF;
height: auto;
margin-right: 0.5em;
padding: 0em 1.25em;
text-decoration: none;
text-transform: none;
}

#portal-globalnav li.selected a {
/* The selected tab. There's only one of this */
background-color: #6d609e;
border: 0;
color: #FFFFFF;
}

#portal-globalnav li a:hover {
background-color: #6d609e;
border:0;
color: #FFFFFF;
}


.portalUser{
display:none;
}



#topLinks{
color: #D395BC;

}
.contentActions{
border:0 solid #D395BC;
border-width: 0 0 0 0;
}


#topLinks a{
color: #D395BC;
}

#topLinks a:link{
color: #D395BC;
}

#topLinks a:active{
color: #D395BC;
}

#topLinks a:visited{
color: #D395BC;
}

#toplinks a:hover{
	color: #B41778;
	text-decoration: none;
}


.toplinks,
.toplinks a:link,
.toplinks a:visited,
.toplinks a:active
{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;
        valign:middle;  
	text-decoration: none;

}




.portalMessage,
.system-message,
#error-handling {
background-color:#d395bc;;
border: &dtml-borderWidth; &dtml-borderStyle; #d395bc;;
color: &dtml-fontColor;;
font-size: &dtml-fontSmallSize;;
font-weight: bold;
margin: 1em 0em;
padding: 0.5em 1em 0.5em 3em;
vertical-align: middle;
background-image: url(&dtml-portal_url;/info_icon.gif);
background-repeat: no-repeat;
background-position: 5px 50%;
}

batchstyle{
text-transform:uppercase;
font-size:85%;
color:#7173A6;
padding:2px 7px;
text-decoration:none;
float: right;
}

.headholder{
background: url('../images/top_banner.gif') no-repeat 50%;
height: 118px !important;
vertical-align:top;
align:left;
padding:18px 20px 0 20px;
}

.xstooltip 
{
    visibility: hidden; 
    position: absolute; 
    width:120px;
    top: 0;  
    left: 0; 
    z-index: 2; 
    background-color: #fff500;  
    font: normal 8pt sans-serif; 
    padding: 3px;
    border-color:#fff500;
    color:#000000;  
    border: solid 1px #fff500;



}


input.imgnoborder {
border:0;
}


#topLinks{
color: #D395BC;

}
.contentActions{
border:0 solid #D395BC;
border-width: 0 0 0 0;
}


#topLinks a{
color: #D395BC;
}

#topLinks a:link{
color: #D395BC;
}

#topLinks a:active{
color: #D395BC;
}

#topLinks a:visited{
color: #D395BC;
}

#toplinks a:hover{
	color: #B41778;
	text-decoration: none;
}


.toplinks,
.toplinks a:link,
.toplinks a:visited,
.toplinks a:active
{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;
        valign:middle;  
	text-decoration: none;

}

.toplinksfooter,
.toplinksfooter a:link,
.toplinksfooter a:visited,
.toplinksfooter a:active
{
        background:#d395bc;
	font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
padding-right:3px;
padding-left:3px;
}
.toplinksfooter a:hover{
        background:#d395bc;
	font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
padding-right:3px;
padding-left:3px; 
}
.portalMessage,
.system-message,
#error-handling {
background-color:#d395bc;;
border: &dtml-borderWidth; &dtml-borderStyle; #d395bc;;
color: &dtml-fontColor;;
font-size: &dtml-fontSmallSize;;
font-weight: bold;
margin: 1em 0em;
padding: 0.5em 1em 0.5em 3em;
vertical-align: middle;
background-image: url(&dtml-portal_url;/info_icon.gif);
background-repeat: no-repeat;
background-position: 5px 50%;
}




#user-name{
text-transform:capitalize;
}

div.photoWrapper {
margin:0.5em 1.3em;
padding:0.2em 0.2em;
float:left;
width:132px;
height:155px;
text-align:center;
border:0;
overflow:hidden;
}

div.photoWrapper a {
display:block;
clear:left;
font-size:90%;text-decoration:none;
}

div.photoWrapper.odd.div {
background-image:none;
background-position: bottom left;
background-repeat: no-repeat;
}

.formbutton{
cursor:pointer;
background:#d9d4e9;
border:outset 0px #ccc;
color:#000;
padding: 1px 2px;
}

/*
input[type="submit"]{
background:#d9d4e9;
cursor:hand;
border:0px #ccc;
color:#000;
padding: 1px 2px;
}
*/



.link-parent{
display:none;
}

legend {
display:none;
}


img {
border:0px;
vertical-align:middle;
}

textarea {
font-family:Verdana, Arial;
border: &dtml-borderWidth; solid &dtml-globalBorderColor;;
color: &dtml-inputFontColor;;
background: White;
width: 80%;
font-size:10px;
}

input{
font-family: <dtml-var fontFamily>;
font-size:10px;
visibility: visible;
border: &dtml-borderWidth; solid &dtml-globalBorderColor;;
color: &dtml-inputFontColor;
vertical-align: middle;
padding:2px;
background: White;
}


.checkouttable{
border:1px solid #D9D4E9;
width:100%;
border-collapse:collapse;
}

.checkouttable td{
border:1px solid #D9D4E9;
font-size:11px;
text-align:left;
border-collapse:collapse;
}

.checkouttable th{
background: #D9D4E9;
border: 1px solid #ffffff;
border-collapse:collapse; 
color:#6D609E;
font-size:11px;
font-weight:bold;
font-family:Verdana;
border-collapse:collapse;
}

.checkouttable.productname{
text-indent:30px;
}

.checkouttable img{
vertical-align:middle;
text-align:center;
border:0px;
}

.shippingtable{
border-top:1px solid #D395BC;
width:100%;
border-collapse:collapse;

}

.shippingtable th{
border-top:1px solid #D395BC;
border-bottom:1px solid #D395BC;
background:#D395BC;
border-collapse:collapse;
font-size:13px;
color:#ffffff;
font-weight:bold;
font-family:Verdana, Arial, Geneva;
text-align:center;
}
.carttable{
border:1px solid #D9D4E9;
width:100%;
border-collapse:collapse;
}
.carttable td{
border:1px solid #D9D4E9;
border-collapse:collapse;
font-size:11px;
text-align:left;
}

.carttable th{
background: #D9D4E9;
border: 1px solid #ffffff;
border-collapse:collapse; 
color:#6D609E;
font-size:11px;
font-weight:bold;
font-family:Verdana;
}

.carttable.productname{
text-indent:30px;
}

.Heading{
text-transform:capitalize;
font-size:12px;
color:#7173A6;
text-decoration:none;
float:left;
border-bottom:0;
}


.Subheading{
color:#7173A6;
font-size:11px;
}


h1, h2, h3, h4, h5, h6 {
color:#7173A6;
text-decoration:none;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: &dtml-fontColor; ! important;
text-decoration: none;
}

h1 {
font-size: 160%;
text-decoration:none;
}

h2 .Heading{
font-size: 150%;
text-decoration:none;
}

h3 {
font-size: 125%;
border-bottom: none;
font-weight: bold;
text-decoration:none;
}

h4 {
font-size: 110%;
border-bottom: none;
font-weight: bold;
text-decoration:none;
}

h5 {
font-size: 100%;
border-bottom: none;
font-weight: bold;
text-decoration:none;
}

h6 {
font-size: &dtml-fontSmallSize;;
border-bottom: none;
font-weight: bold;
text-decoration:none;
}

select{
font-size:10px;
}

input.arrow
{
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: none;
    border-right-color: none;
    border-bottom-color: none;
    border-left-color: none;
}

/*input[type="submit"]{
background:#d9d4e9;
cursor:hand;
border:1px solid #ccc;
color:#000;
padding:3px;
vertical-align:middle;
background: White url(&dtml-portal_url;/input_background.gif) repeat-x;
font-size:10px;
height:20px;
font-weight:bold;
}*/

input[type="radio"]{
background:transparent;
cursor:hand;
border:0px;
}

input[type="checkbox"]{
background:transparent;
cursor:hand;
border:0px;
}

input[type="image"]{
border:0px;
}


#portal-searchbox {
clear:none;
float:none;
background-color: #D9D4EA;
margin:0;
height:30px;
padding:0px 0px;
text-transform: none;
white-space: none;
position:relative;
z-index: 0;
color:#000000;
font-weight:normal;
vertical-align:middle !important;
}

#portal-searchbox input{
    background-color:#ffffff;
font-size:10px;
border:1px solid #ffffff;
}

#portal-searchbox select{
vertical-align:middle !important;
border:1px solid #ffffff; 
font-size:10px;
border:1px solid #ffffff;  
}

#portal-searchbox a {
vertical-align:middle !important;
}

#portal-searchbox input[type="image"]{
vertical-align:middle !important;
border:0px;
}

#portal-searchbox input[type="image"].image{
vertical-align:middle !important;
border:0px;
}

.dashedhr{
background: White url(../images/dash.jpg) repeat-x;
height:2px;
}

.greytable{

width:100%;

background-color:#cccccc;

padding:10px;

font-size:13px;

}

.greytable.title{

color:#EEA365;

font-size:15px;

font-weight:bold;

padding-bottom:3px;

line-height:30px;

}



.title{
color:#EEA365;
font-size:12px;
font-weight:bold;
padding-bottom:3px;
line-height:20px;
}

.checkouttable{

border:1px solid #D9D4E9;

width:100%;

border-collapse:collapse;

}

.checkouttable td{

border:1px solid #D9D4E9;

border-collapse:collapse;

font-size:11px;

text-align:left;

}



.checkouttable th{

background: #D9D4E9;

border: 1px solid #ffffff;

border-collapse:collapse; 

color:#6D609E;

font-size:13px;

font-weight:bold;

font-family:Verdana;

}



.checkouttable.productname{

text-indent:30px;

}



.checkouttable img{

vertical-align:middle;

text-align:center;

border:0px;

}



.shippingtable{

border-top:1px solid #D395BC;

width:100%;

border-collapse:collapse;

}



.shippingtable th{

border-top:1px solid #D395BC;

border-bottom:1px solid #D395BC;

background:#D395BC;

border-collapse:collapse;

font-size:13px;

color:#ffffff;

font-weight:bold;

font-family:Verdana, Arial, Geneva;

text-align:center;

}

.textindent{

padding-left:30px;
}
.login_button{
	background-color: transparent;
	background: url(../images/login_button.gif) no-repeat;
	width:73px;
	height:16px;
	background-repeat:no-repeat;
	border: none;
	display: block;
	margin-top:3px;
	padding: 0px;
	cursor:pointer;
	float:center;
	}


/* my styles here */



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* </dtml-with> */

/* DOCUMENTATION ON PRE-DEFINED PROPERTIES FROM PLONE */

 /* You can insert colors and other variables from Plone's 
    base_properties by doing:
    
    & dtml-variableName ; (without the spaces, excluded here to not make it render)
    
    Example:
    
    myLink {
        color: & dtml-fontColor ;   (again, without the spaces)
    }
 
   This means you can generate your own elements that use Plone's defaults,
   and respect any customizations people have done. See base_properties for
   the default values.
 
   These are the available properties:
   
   logoName - the file name of the portal logo
   
   fontFamily - the font family used for all text that is not headers
   
   fontBaseSize - the base font size that everything is calculated from
   
   fontColor - the main font color
   
   fontSmallSize - used for various elements like buttons and discreet text
   
   discreetColor - the font color of discreet text

   backgroundColor - the background color 
   
   linkColor - the color used on normal links

   linkActiveColor - color used on active links

   linkVisitedColor - color used on visited links
   
   borderWidth - the width of most borders in Plone
   
   borderStyle - the style of the border lines, normally solid
   
   borderStyleAnnotations - style of border lines on comments etc
   
   globalBorderColor - the border color used on the main tabs, the portlets etc
   
   globalBackgroundColor - background color for the selected tabs, portlet headings etc
   
   globalFontColor - the color of the font in the tabs and in portlet headings
   
   headingFontFamily - font family for h1/h2/h3/h4/h5/h6 headlines
   
   contentViewBorderColor - the content view tabs border color
   
   contentViewBackgroundColor - the content view tabs background color
   
   contentViewFontColor - the font color used in the content view tabs
   
   inputFontColor - the font color used for input elements
   
   textTransform - whether to lowercase text in portlets, tabs etc.
   
   evenRowBackgroundColor - the background color of even rows in listings
   
   oddRowBackgroundColor - the background color of even rows in listings
   
   notifyBorderColor - border color of notification elements like the status message, the calendar focus
   
   notifyBackgroundColor - background color of notification elements like the status message, the calendar focus
   
   helpBackgroundColor - background color of information pop-ups (currently not used)
          
 */

.contentActions {
    background-color: White;
    border-left: 1px solid #D395BC;
    border-right: 1px solid #D395BC;
    color: #D395BC;
    text-align: right;
    text-transform: lowercase;
    padding: 0 0 0 1em;
    z-index: 2;
    height: 1.6em;
}

.contentActions ul,
.contentActions li {
    margin: 0;
    list-style: none;
    list-style-image: none;
    display: inline;
    color: Black;
    text-align: left;
}

.contentActions ul {
    line-height: 1.6em;
    padding: 0;
    margin: 0;
}
.contentActions li {
    float: right;
    z-index: 4;
    border-left: 1px solid #D395BC;
    line-height: 1.6em;
}

.actionItems li {
    background-image: none;
}

.contentActions a {
    text-decoration: none;
    color: #D395BC;
    padding: 0 0.5em;
}
.conbutton{
	background-color: transparent;
	background: url(../images/cont_shopping.gif) no-repeat;
	width:108px;
	height:23px;
	background-repeat:no-repeat;
	border: none;
	display: block;
	margin-top:3px;
	padding: 0px;
	cursor:pointer;
	float:center;
	}
	
	.updatecartbutton{
	background-color: transparent;
	background: url(../images/udate_cart.gif) no-repeat;
	width:79px;
	height:23px;
	background-repeat:no-repeat;
	border: none;
	display: block;
	margin-top:3px;
	padding: 0px;
	cursor:pointer;
	float:center;
	}
	
	.checkoutbtns{
	background-color: transparent;
	background: url(../images/check_out.gif) no-repeat;
	width:79px;
	height:23px;
	background-repeat:no-repeat;
	border: none;
	display: block;
	margin-top:3px;
	padding: 0px;
	cursor:pointer;
	float:center;
	}
	
		.addtocartbtn{
	background-color: transparent;
	background: url(../images/add.gif) no-repeat;
	width:86px;
	height:27px;
	background-repeat:no-repeat;
	border: none;
	display: block;
	margin-top:3px;
	padding: 0px;
	cursor:pointer;
	float:center;
	}