/* VISUALEDIT MODULE CSS TEMPLATE  */
/*----- DEFAULT FORM ELEMENTS ON STYLE.CSS -----*/


/*---------- FORM MODULE ----------*/

.ve_formModule p {
	margin-bottom: 5px;                             /* spacing between form elements */
}

.ve_formModule fieldset {
        width: 724px;
	padding: 10px;
	border:#545454 double 3px;
}

.ve_formModule legend {
	font-weight: bold;
	padding: 0px 15px;
}

.ve_formModule label.ve_label {
	display:block;
	float:left;
	width:150px; 					/* width depends on layout */
	text-align:right;
	margin:4px 10px 0 0; 	                        /* spacing between form & label elements */	
}

.ve_formModule input.ve_text {
	width: 250px;
}

.ve_formModule input.ve_fileField {
        width: auto;
}

.ve_formModule textarea.ve_text {
	width: 400px;
	height: 150px;
}

.ve_formModule select.ve_dropDownList {
	width: auto;
}

.ve_formModule select.ve_listbox {
        width: auto;
}

.ve_formButtons input.ve_button {
        width: 150px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 160px;
        padding: 5px;
	font-weight: bold;
        color: #fff;
        background: #420775;
        border:#545454 double 3px;
	cursor: pointer;
}

.ve_formButtons input.ve_button:hover {
        background: #545454;
}

.ve_formModule p.ve_customFieldDescription {
	margin-left: 100px;                              /*match label width*/
	padding-left: 10px;                              /*match label margin-right*/
}

.ve_formModule span.ve_requiredValidator {
	margin-left: 150px;                              /*match label width*/
	padding-left: 10px;                              /*match label margin-right*/
        font-weight: bold;
        margin-bottom: 5px;
        margin-right:500px;
}

/* start customising the checkbox list custom fields - requires fixed width fieldset */
/* container for the checkbox list */
.ve_formModule p span {
    display: block;
    float: left;
}

/* the checkbox */
.ve_formModule p span input {
   display: block;
   margin-right: 5px;
   float: left;
   clear: both;
}

/* the label for the checkbox */
.ve_formModule p span label {
   display: block;
   float: left;
   width: 300px;                                        /* Customised width depending on fieldset width */
   margin: 3px 0;
}

/* end customising the check box list custom fields */


/*---------- LOGIN MODULE ----------*/
.ve_loginModule p {
	margin-bottom: 5px;                             /* spacing between form elements */
}

.ve_loginModule fieldset {
	padding: 10px;
        margin: 10px;
	border:#CCCCCC solid 1px;
}

.ve_loginModule legend {
	font-weight: bold;
	padding: 0px 15px;
}

.ve_loginModule label.ve_label {
	display:block;
	float:left;
	width:100px; 					/* width depends on layout */
	text-align:right;
	margin:4px 10px 0 0; 	                        /* spacing between form & label elements */	
}

.ve_loginModule input.ve_text {
	width: 300px;
}

.ve_loginModule input.ve_loginButton {
        width: 150px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 110px; 			         /*should match label.ve_label width + label margin-right*/
	font-weight: bold;
	cursor: pointer;
}

.ve_loginModule p a {
	margin-left: 110px; 			         /*should match label.ve_label width + label margin-right*/
}

/*---------- LOGOUT MODULE ----------*/
.logoutModule input.ve_button {
        width: 150px;
	margin: 10px 0;
	font-weight: bold;
	cursor: pointer;
}

/*---------- MEMBERS ACCOUNT MODULE ----------*/
.ve_accountModule ul.ve_accountNav {
       display: block;
       list-style-type: none;
}

.ve_accountModule li a {
       display: inline;
}

.ve_accountModule li a.selected {
}

.ve_accountModule p {
	margin-bottom: 10px;                             /* spacing between form elements */
}

.ve_accountModule p a {
	margin: 10px 0 10px 110px;                            
}

.ve_accountModule label.ve_label {
	display:block;
	float:left;
	width:100px; 					/* width depends on layout */
	text-align:right;
	margin:4px 10px 0 0; 	                        /* spacing between form & label elements */	
}

.ve_accountModule input.ve_text {
	width: 300px;
}

.ve_accountModule div.ve_formButtons input.ve_loginButton {
        width: 150px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 110px; 			         /*should match label.ve_label width + label margin-right*/
	font-weight: bold;
	cursor: pointer;
}

.ve_profilePanel h3 {
}

.ve_profilePanel p {
	margin-bottom: 10px;                             /* spacing between form elements */
}

.ve_profilePanel label.ve_label {
	display:block;
	float:left;
	width:100px; 					/* width depends on layout */
	text-align:right;
	margin:4px 10px 0 0; 	                        /* spacing between form & label elements */	
}

.ve_profilePanel input.ve_text {
	width: 300px;
}

.ve_profilePanel p.ve_formButtons input.ve_button {
        width: 150px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 110px; 			         /*should match label.ve_label width + label margin-right*/
	font-weight: bold;
	cursor: pointer;
}

/*---------- BREADCRUMB MODULE - based on module contained in div with id 'breadcrumb' ----------*/

#breadcrumb ul {
       display: block;
       list-style-type: none;
}

#breadcrumb li a.ve_breadcrumb {
       display: inline;
}

#breadcrumb li a:link, #breadcrumb li a:visited {
}

#breadcrumb li a:hover, #breadcrumb li a:active {
}


/*---------- CATEGORY FILTER MODULE ----------*/
.ve_categoryFilterContainer ul {
       display: block;
       list-style-type: none;
}

.ve_categoryFilterContainer li {
}

.ve_categoryFilterContainer li a:link, .ve_categoryFilterContainer li a:visited {
}
.ve_categoryFilterContainer li a:link, .ve_categoryFilterContainer li a:visited {
}


/*---------- FORGOT PASSWORD MODULE ----------*/
.ve_forgotPasswordModule p {
        margin:0 0 10px 0;
}

.ve_forgotPasswordModule input.ve_text { /* text input */
}

.ve_forgotPasswordModule input.ve_button { /* button */
        margin:0 0 0 10px;
}


/*---------- HTML SEARCH RESULTS MODULE ----------*/
.htmlSearchResultsModule p {
        margin:0 0 10px 0;
}

.htmlSearchResultsModule p.title {
        margin:0 0 10px 0;
}



/*---------- ECOMMERCE - ADD TO BASKET ----------*/
.ve_addToBasket {
        width: 500px;                                  /* fixed width required from checkboxlist formatting */
}

.ve_addToBasket p#ve_quantityContainer {
        margin-left: 110px;
}

.ve_addToBasket p {
	margin-bottom: 5px;                             /* spacing between form elements */
}

.ve_addToBasket fieldset {
        width: 500px;
	padding: 10px;
        margin: 10px;
	border:#CCCCCC solid 1px;
}

.ve_addToBasket legend {
	font-weight: bold;
	padding: 0px 15px;
}

.ve_addToBasket label.ve_label {
	display:block;
	float:left;
	width:100px; 					/* width depends on layout */
	text-align:right;
	margin:4px 10px 0 0; 	                        /* spacing between form & label elements */	
}

.ve_addToBasket input.ve_text {
	width: 300px;
}

.ve_addToBasket input.ve_fileField {
        width: auto;
}

.ve_addToBasket textarea.ve_text {
	width: 300px;
	height: 150px;
}

.ve_addToBasket select.ve_dropDownList {
	width: auto;
}

.ve_addToBasket select.ve_listbox {
        width: auto;
}

.ve_addToBasket input.ve_button {
        width: 150px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 110px; 			         /*should match label.ve_label width + label margin-right*/
	font-weight: bold;
	cursor: pointer;
}

.ve_addToBasket p.ve_customFieldDescription {
	margin-left: 100px;                              /*match label width*/
	padding-left: 10px;                              /*match label margin-right*/
}

.ve_addToBasket span.ve_requiredValidator {
	margin-left: 100px;                              /*match label width*/
	padding-left: 10px;                              /*match label margin-right*/
        font-weight: bold;
        margin-top: 5px;
}

/* start customising the checkbox list custom fields - requires fixed width fieldset */
/* container for the checkbox list */
.ve_addToBasket p span {
    display: block;
    float: left;
}

/* the checkbox */
.ve_addToBasket p span input {
   display: block;
   margin-right: 5px;
   float: left;
   clear: both;
}

/* the label for the checkbox */
.ve_addToBasket p span label {
   display: block;

   float: left;
   width: 300px;                                        /* Customised width depending on fieldset width */
   margin: 3px 0;
}

/* end customising the check box list custom fields */

/*---------- ECOMMERCE - BASKET MODULE ----------*/
.ve_basketModule table {
    width: 100%;
}

.ve_basketModule tr.headerStyle {
    text-align: left;
}

.ve_basketModule input.ve_text {
    width: 30px;
}

.ve_basketModule a:link, .ve_basketModule a:visited {
}

.ve_basketModule a:hover, .ve_basketModule a:active {
}


/*---------- ECOMMERCE - BASKET SUMMARY MODULE ----------*/
.ve_basketSummaryModule table {
    width: 50%;
}
.ve_basketSummaryModule tr th {
    text-align: left;
}
.ve_basketSummaryModule a:link, .ve_basketModule a:visited {
}

.ve_basketSummaryModule a:hover, .ve_basketModule a:active {
}

/*---------- ECOMMERCE - CHECKOUT MODULE ----------*/
ul.ve_checkoutSteps  {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
}

.ve_checkoutSteps li {
	display: inline;
	padding: 0 12px 0 0;
}

.ve_checkoutSteps a:link, .ve_checkoutSteps a:visited {
}

.ve_checkoutSteps a:hover, .ve_checkoutSteps a:active  {
}

.ve_checkoutSteps a.ve_selected {
color: red;
}

.ve_checkoutPanels p {
	margin-bottom: 5px;                             /* spacing between form elements */
}

.ve_checkoutPanels h3 {
}

.ve_checkoutPanels label.ve_label {
	display:block;
	float:left;
	width:100px; 					/* width depends on layout */
	text-align:right;
	margin:4px 10px 0 0; 	                        /* spacing between form & label elements */	
}

.ve_checkoutPanels input.ve_text {
	width: 300px;
}

.ve_checkoutPanels input.ve_fileField {
        width: auto;
}

.ve_checkoutPanels textarea.ve_text {
	width: 300px;
	height: 150px;
}

.ve_checkoutPanels select.ve_dropDownList {
	width: auto;
}
.ve_checkoutPanels select.ve_listbox {
        width: auto;
}

.ve_checkoutPanels input.ve_button {
        width: 150px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 110px; 			         /*should match label.ve_label width + label margin-right*/
	font-weight: bold;
	cursor: pointer;
}

.ve_checkoutPanels p.ve_customFieldDescription {
	margin-left: 100px;                              /*match label width*/
	padding-left: 10px;                              /*match label margin-right*/
}
.ve_checkoutPanels span.ve_requiredValidator {
	margin-left: 100px;                              /*match label width*/
	padding-left: 10px;                              /*match label margin-right*/
        font-weight: bold;
        margin-top: 5px;
}

/* start customising the checkbox list custom fields - requires fixed width fieldset */
/* container for the checkbox list */
.ve_checkoutPanels p span {
    display: block;
    float: left;
}

/* the checkbox */
.ve_checkoutPanels p span input {
   display: block;
   margin-right: 5px;
   float: left;
   clear: both;
}

/* the label for the checkbox */
.ve_checkoutPanels p span label {
   display: block;
   float: left;
   width: 300px;                                        /* Customised width depending on fieldset width */
   margin: 3px 0;
}

/* end customising the check box list custom fields */

.ve_deliveryAddressConfirmation,
.ve_billingAddressConfirmation,
.ve_paymentDetailsConfirmation {
	margin-bottom: 10px;
}

.ve_address {
	margin-left: 22px;
}

.ve_orderSummaryConfirmation th {
	text-align: left;
}

.ve_checkoutPanels span.ve_error {
     width: 100%;
     color: red;
}