/*** Copyright 2010 Vertigo Informations Systems - Vertigo E-Commerce Shopping Cart Software

This stylesheet defines all of the styles used on the following pages:

Please Note: Structural Naming Conventions have been used in this guide to describe what the elements are as opposed to 
  			 have they look and what they do 
***/



/*--added styles for checkout inputs - added by Haydyn 26/08/11--*/
#checkout_choice .textinput {
border:1px solid #d3d3d3;
display:block;
height:30px;
width:250px;
}

#shipping_details .textinput {
border:1px solid #d3d3d3;
display:block;
height:30px;
width:250px;

}

/*--end styling--*/



/* Common Styles Begin */
.button
{
	text-align: right;
}

.clear {
	clear:both;
}

.span {
	vertical-align:middle;
}

.p {
	vertical-align:middle;
}
/* Common Styles End */



.update_cart
{
	background:url("https://www.perfectdoorsuk.com/new2/vecom-img/update-cart.jpg") no-repeat;
	width:138px;
	height:37px;
	text-indent:-999em;
	outline:none;
	border:none;
	display:block;
}

.proceed_to_checkout 
{
	background:url("https://www.perfectdoorsuk.com/new2/vecom-img/billing-and-shipping.jpg") no-repeat;
	display:inline-block;
	height:37px;
	width:266px;
}



/* Begin Display Product Details CSS */
	
.height1 { 
	height:23px;
}

#product_details_container {
	float:right; 
	width:100%;
}

#product_description {
	float:left; 
	width:100%;
}

#product_review {
	float:left; 
	width:100%;
}

#display_products_left_col { 
	float:left;
	width:49%;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:2px;		
}

#display_products_left_col { 
	float:left;
	width:49%;
	padding:0 0 8px 0;		
}

#display_products_right_col {
	float:right;
	width:49%;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:2px;		
}

/* End Display Product Details CSS */




/* Begin PVD Format CSS */

.product_title_style { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000099;
}

#left_col_pvd { 
	float:left;
	width:30%%;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;	
}

#left_col_pvda { 
	float:left;
	width:49%;
	padding:2px;	
}

#right_col_pvd {
	float:right;
	width:68%%;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;	
}
	
#selection{
	margin:0 0 0 0px;
	padding:5px;
	float:right;
}

/* Begin PVD Format CSS */





/* Begin Display Cart Layout CSS */
#coupon_code_div {
	height:80px; 
	width:100%;
}

#store_credit_div {
	height:80px; 
	width:100%;
}

.item_cont{
	width:auto;
	height:auto;
	padding:0;
	margin:0;
}
/* End Display Cart Layout CSS*/



/* Begin Coupon Status Layout CSS */
#coupon_status_div {
	height:80px; 
	width:100%;
}
/* End Coupon Status Layout CSS */




/* Begin Checkout Layout CSS */
.div_height { 
	height:35px;
}

.div_height2 { 
	height:50px;
	overflow:hidden;
	border: none;
}

#checkout_choice {
	width:685px;
}

.checkout_choice_style { 
	border-bottom:4px solid #0f6da9;
	padding:5px;
}

#billing_details {	
	margin-top:20px;
	width:100%;
}

.billing_details_style { 
	border:1px solid #999999;
	padding:5px;
}

#shipping_details {	
	margin-top:20px;
width:685px;
}

#shipping_details strong {
font-weight:bold;
}

.shipping_details_style { 
	border-bottom:5px solid #09F;
	padding:5px;
	}

#submit_div {	
	margin-top:20px;
	width:100%;
	border: none;
}

.submit_div_style { 
	border:1px solid #999999;
	padding:5px;
}


#checkout_col_left { 
	float:left;
	width:30%;
	height:35px;
	margin-top:10px;
}

#checkout_col_right {
	float:right;
	width:60%;
	height:35px;
}

.select
{
	vertical-align:middle;
}

/* End Checkout Layout CSS */




/* Begin Confirm Order CSS */
#billing_address_div {
	float:left;
	width:49%;
}

#shipping_address_div {
	float:right;
	width:49%;
}

#checkout {
	float:right;
	text-align:right;
}


#payment_gateway {
	width:99%;
	float:left;
	text-align:left;
}

.payment_gateway_style {
	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom:0px solid #CC0000; 
}

#payment_options {
	width:99%;
	float:left;
	text-align:left;
}

.payment_options_style {
	margin-bottom: 4px;
	margin-top: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	border-bottom:1px solid #CC0000; 
}
/* End Confirm Order Layout CSS */



/* Begin CSS COMMON to Cart and Confirm Order */
#cart_container1 {
	width:100%;
	margin-bottom:10px;
}


#cart_header_col1,#cart_header_col2,#cart_header_col3,#cart_header_col4 {
float:left;
}

#cart_header_col1 {
width:350px
}

#cart_header_col2 {
width:105px
}

#cart_header_col3 {
width:160px
}

#cart_header_col4 {
width:30px
}


#cart_container2 {
	width:100%;
	border-bottom:1px solid #777;
	margin:0;
	padding:0;
}

.cart_wrapper {
	float:right;
	width:50%;
}

.height1 { 
	height:130px;
}

.height2 { 
	height:5px;
}

.height3 { 
	height:25px;
}

.div_spacing { 
	height:10px;
}

.free_shipping {
	float:right;
	width:100%;
}

.padding {
	margin-top: 50px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 10px; 
}

#checkout {
	float:right;
	text-align:right;
}

#cart_col1 {
	float:left;
	width:55%;
	padding:0;
	margin:0;
	left:0;
	top:0;
	clear:both;
}


#cart_col1 p a {
color:#333333;
font-size:.8em;
}

#cart_col2 {
	float:left;
	width:15%;
	left:81%;
}

#cart_col3 {
	float:left;
	width:20%;
	left:85%;
}

#cart_col4 {
	float:left;
	width:10%;
	left:89%;
	text-align: right;
}

#left_col { 
	float:left;
	width:50%;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:2px;		
}

#right_col {
	float:right;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:2px;		
}

#order_total_left_col { 
	float:left;
	width:50%;	
	text-align:right;
}

#order_total_right_col {
	float:right;
	text-align:right;
	font-weight:bold;
	padding-right:10px;
}


#left_col3 { 
	float:left;
	width:85%;	
}

#right_col3 {
	float:right;
	text-align:right;
}

#left_col_bottom { 
	float:left;
	width:40%;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:2px;		
}

#right_col_bottom {
	float:right;
	width:50%;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:2px;		
}

.bottom_border { 
border-bottom:2px solid #0f6da9;
}
/* End CSS COMMON to Cart and Confirm Order */


/* Begin List Products CSS */
#productleftshortdescription {
	float:left;
	height: 250px;
	width: 48%;
	padding:1px;
	font: 12px Verdana ;
	color:#666;
}
#productrightshortdescription {
	float:right;
	width: 250px;
	font: 12px Verdana ;
	color:#666;
}

#price {
	margin-top:0px;
	text-align:right;
	width: 200px;
	float:right;
	color:#0000FF;
	font-size: 0.9em; 
	font-family:Tahoma, Geneva, sans-serif;
}
#buttons {
	margin-top: 10px;
	width: 200px;
	height: 40px;
	float:right;
	text-align:right;
}


#pagination {
	height:23px;
	border: thin solid #CCC;
	margin-bottom:10px;
}
#paginationright {
	float:right;
	width: 300px;
	text-align:right;
	padding-right: 5px;
	color:#000000;
	font-size:10px;
	font-family:Tahoma, Geneva, sans-serif;
	padding-bottom: 3px;
	margin-top: 10px;
}
#paginationleft {
	float: left;
	width: 350px;
}
.previous {
	font: 10px verdana;
	color:#039;
}
.highlight {
	color:#FFF;
	font: 16px verdana;
	background-color:#999;
	height: 10px;
}


#productshortdescription {
	float:right;
	width: 200px;
	font: 12px Verdana ;
	color:#666;
}

#producttitle {
    float:right;
	width: 200px;
	margin-bottom:5px;
}
.producttitle{
	text-decoration:underline;
	color:#000000;
	font: 14px Verdana ;
}

#productright {
	float: right;
    height:250px;
	width: 350px;
	padding:5px;
	border:2px solid #CCCCCC;
}
#productleft {
	float: left;
	height:250px;
	width: 350px;
	padding:5px;
	border:2px solid #CCCCCC;
}
/* End List Products CSS */




/* Begin Vertical Nav CSS */
#vertical-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#vertical-nav img {
    border: none;
} 

#vertical-nav {
	width: 175px;
	margin: 10px;
	border-style: solid solid dashed solid;
	border-color: #000;
	border-width: 1px;
	}
	
#vertical-nav li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
}	

.tab_bakground { 
	background:  url(https://www.perfectdoorsuk.com/demoshop2/images/tab.gif);
}

.tab_bakground a:hover {
	background:  url(https://www.perfectdoorsuk.com/new2/images/nav-hi-tile.jpg) repeat-x bottom;
}

.intab_bakground {
	background:  #E8E8E8 url(https://www.perfectdoorsuk.com/new2/images/intab.gif) no-repeat right bottom;
}

.intab_bakground a:hover {
	background:  #E8E8E8 url(https://www.perfectdoorsuk.com/new2/images/intab.gif) no-repeat right bottom;
}


#vertical-nav li a:link, #vertical-nav li a:visited {
	color: #000;
	display: block;
	/*background:  url(http://www.vertigoecommerce.com/demoshop2/images/tab.gif);*/
	padding: 8px 0 0 10px;
}
	
#vertical-nav li a:hover {
	color: #000;
	/*background:  url(http://www.vertigoecommerce.com/demoshop2/images/tab.gif) 0 -32px;*/
	padding: 8px 0 0 10px;
}	
/* End Vertical Nav CSS */



/* Begin Filter by Brand CSS */
#filter-by-brand ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#filter-by-brand img {
    border: none;
} 

#filter-by-brand {
	width: 175px;
	margin: 10px;
	border-style: solid solid dashed solid;
	border-color: #000;
	border-width: 0px;
	}
	
#filter-by-brand li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
}	
/* End Filter by Brand Nav CSS */


/* Begin Pagination Link Styling */
.pagination-font-em {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color:#CCC;
	text-decoration: none;
	line-height: normal;
	font-style: normal;
	font-weight:normal;
	font-variant: normal;
	text-transform: none;
}
.pagination-font-em a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	color:#06C;
	text-decoration: none;
	line-height: normal;
	font-style: normal;
	font-weight:normal;
	font-variant: normal;
	text-transform: none;
}

.pagination-link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color:#06C;
}

/* End Pagination Link Styling */

/* Begin Breadcrumb Styling */
.breadcrumb_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#099;
	text-decoration: none;
	line-height: normal;
	font-style: normal;
	font-weight:normal;
	font-variant: normal;
	text-transform: none;
}

A.breadcrumb_link:hover {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em;
	color:#000000;
	text-decoration: underline;	
	font-style: normal;
	line-height: normal;
	font-weight:normal;
	font-variant: normal;
	text-transform: none;
}

.breadcrumb_separator {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 0.9em;
	color:#000000;
}

.breadcrumb_currenct_page {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 0.9em;
	color:#0033CC;
}
/* End Breadcrumb Styling */


/* 'No products found' message styling */
.no_products_found {
	font-family:Tahoma, Geneva, sans-serif;
	font-color:#0000FF;
	font-size: 0.8em; 
}
