.viewitem_container
{
    border-bottom:1px solid #aeafb2;
    border-top:1px solid #aeafb2;   
    overflow:hidden; 
}
.leftpanel
{
    float:left;
    width:220px;
}
.leftpanel .item_name
{
    padding-top:15px;
    padding-bottom:15px;
}
.leftpanel .item_name h1.title
{
    font-size:15px;
    color:#e50083;
}
.leftpanel .item_name h2.title
{
    font-size:14px;
}
.leftpanel a
{
	text-decoration:none; /*images look underlined in chrome*/
}
.leftpanel a:hover
{
	text-decoration:none;
}
.leftpanel .arrowup
{
    display:block;
	height:22px;
	cursor:pointer;
	cursor:hand;
	background-image: url('images/top_arrow.jpg');
}
.leftpanel .arrowup span
{
    
    visibility:hidden;
}
.leftpanel .arrowdown
{
    display:block;
	height:22px;
	cursor:pointer;
	cursor:hand;
	background-image: url('images/bottom_arrow.jpg')
}
.leftpanel .arrowdown span
{
    visibility:hidden;
}
.leftpanel .productloop
{
    
    padding-left:38px;
    padding-right:38px;
	margin-bottom: 4px;
	margin-top: 4px;
    position:relative;    
    overflow:hidden;
    height:300px;
    width:150px;
    cursor:pointer;
}
.leftpanel .productloop img
{ 
    width:150px;
}
.leftpanel .item_details
{
	margin-top: 15px;
	margin-bottom: 15px;
}
.leftpanel .item_details .price
{
	font-size:18px;
	font-weight:bold;
}
.leftpanel .item_details .nostocktext
{
    color:#222;
	margin-top: 5px;
	margin-bottom: 15px;
}
.leftpanel .item_details .vat
{
	color: #aeafb2;
}
.leftpanel .item_details .colour
{
	font-size:13px;
	font-weight:bold;
}
/***************************************/
.middlepanel
{
    float:left;
    min-height: 300px;
    width:520px;
}
.middlepanel .description
{
    border-left:1px solid #aeafb2;
    padding-top: 13px;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    /*min-height: 100px;*/
	overflow: hidden
}
.middlepanel .description p
{
    line-height: 16px !important;
}

.middlepanel .description ul
{
	padding:0 !important;
	margin:0 !important;
	/*
	padding-left:0;
	margin-left:7px;
	*/
}
.middlepanel .description ul li
{
	padding:0 !important;
	padding-left:15px !important;
	background-image: url('images/bullet.jpg');
	background-repeat: no-repeat;
	background-position: 5px 2px;
	list-style-type:none;
}
.middlepanel .largeimage
{
    padding:20px;
	text-align:center;
	overflow:hidden;
}
.middlepanel .largeimage img
{
    cursor: crosshair;
    vertical-align: bottom;
}
.middlepanel .alternativecolours
{
    padding:0;
    padding-left:25px;
	overflow:hidden;	
	
}
.middlepanel .alternativecolours a
{
	text-decoration:none; /*images look underlined in chrome*/
}
.middlepanel .alternativecolours a:hover
{
	text-decoration:none; /*images look underlined in chrome*/
}
.middlepanel .alternativecolours .text
{
    width:70px;
    float:left;
    padding-top:20px;
}
.middlepanel .alternativecolours .images
{
    float:left;
    width:420px;    
}
.middlepanel .alternativecolours .images .productloop
{
    position:relative;
    float:left;
    overflow:hidden;
    width:360px;
    height:80px;
}
.middlepanel .alternativecolours .images .productloop ul
{
    margin:0;
    padding:0;
}
.middlepanel .alternativecolours .images .productloop ul li
{
    float:left;
}
.middlepanel .alternativecolours .images .arrowleft
{
    float:left;
	height:80px;
	width:22px;
	cursor:pointer;
	cursor:hand;
	background-image: url('images/left_arrow.jpg')
}
.middlepanel .alternativecolours .images .arrowright
{
    float:left;
	height:80px;
	width:22px;
	cursor:pointer;
	cursor:hand;
	background-image: url('images/right_arrow.jpg')
}
.middlepanel .alternativecolours .images .arrowleft span
{
visibility:hidden;
}
.middlepanel .alternativecolours .images .arrowright span
{
visibility:hidden;
}
/***************************************/
.rightimage
{
    float:left;
    width:220px;    
	overflow:hidden;
    min-height: 300px;
}
.rightimage .button
{
    background-image:url('images/viewitem_button.png');
    height: 47px;
}
.rightimage .button a
{
    color:Black;
    font-size:12px;
    font-weight:bold;
    display:block;
    padding-left: 65px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.rightimage .button a:hover
{
    text-decoration:none;
    color: #aeafb2;
}
.rightimage .button:hover
{
    /*background-color: #aeafb2;*/
}
.rightimage .button a.add
{
    background-image: url('images/plus.jpg');
    background-position:left;
    background-repeat:no-repeat;
}
.rightimage .button a.remove
{
    background-image: url('images/minus.jpg');
    background-position:left;
    background-repeat:no-repeat;
}
.rightimage .button a.checkout
{
    background-image: url('images/checkout.jpg');
    background-position:left;
    background-repeat:no-repeat;
}
.rightimage .button a.tryiton
{
    background-image: url('images/tryiton.jpg');
    background-position:left;
    background-repeat:no-repeat;
}
.rightimage .button a.prescription
{
    background-image: url('images/prescription.jpg');
    background-position:left;
    background-repeat:no-repeat;
}

.rightimage .button a.chooseSize
{
    background-image: url('images/ruler.jpg');
    background-position:left;
    background-repeat:no-repeat;
}

.rightimage .button a.shoppingbag
{
    background-image: url('images/shopping_bag_black.jpg');
    background-position:left;
    background-repeat:no-repeat;
}
.rightimage .button a.shoppingbag .items_num
{
    font-size: 0.9em;
}

.rightimage .button a.add:hover, .rightimage .button a.add_inactive
{
    background-image: url('images/plus_inactive.jpg');
    background-position:left;
    background-repeat:no-repeat;
}
.rightimage .button a.remove:hover, .rightimage .button a.remove_inactive
{
    background-image: url('images/minus_inactive.jpg');
    background-position:left;
    background-repeat:no-repeat;
}
.rightimage .button a.checkout:hover, .rightimage .button a.checkout_inactive
{
    background-image: url('images/checkout_inactive.jpg');
    background-position:left;
    background-repeat:no-repeat;
}
.rightimage .button a.tryiton:hover, .rightimage .button a.tryiton_inactive
{
    background-image: url('images/tryiton_inactive.jpg');
    background-position:left;
    background-repeat:no-repeat;
}
.rightimage .button a.prescription:hover, .rightimage .button a.prescription_inactive
{
    background-image: url('images/prescription_inactive.jpg');
    background-position:left;
    background-repeat:no-repeat;
}

.rightimage .button a.chooseSize:hover, .rightimage .button a.chooseSize_inactive
{
    background-image: url('images/ruler_inactive.jpg');
    background-position:left;
    background-repeat:no-repeat;
}

.rightimage .button a.checkout_active
{
    background-image: url('images/checkout_active.jpg');
    background-position:left;
    background-repeat:no-repeat;
    color:#E50083;
}
.rightimage .button a.shoppingbag:hover, .rightimage .button a.shoppingbag_inactive
{
    background-image: url('images/shopping_bag_grey.jpg');
    background-position:left;
    background-repeat:no-repeat;
}
.rightimage .colourandsizes
{
    padding-left:50px;
    margin-top:20px;
    margin-bottom:20px;
    height:160px;
}
.rightimage .morelinks
{
    padding-left:50px;
}
.rightimage .morelinks h3
{
    text-transform: uppercase;
    border-bottom:1px solid #aeafb2;
    margin-bottom:5px;
    padding-bottom:5px;
}
.rightimage .morelinks ul li
{
    line-height:18px;
}
.rightimage .morelinks ul li a
{
    color: Black;
}
.tellafriend table tr th{
    font-size:10px;
}
h1.message_thankyou{
    background-image:url('images/message_thankyou.jpg');
    background-repeat:no-repeat;
    width:123px;
    height:31px;
    text-indent:-9999px;
}

/**********************************/

/* Hompage Select Box*/
.newListSelected { background: #fff url('images/select-arrow.gif') 127px 0 no-repeat; outline: none; border: 1px solid #aeafb2; width: 153px; padding: 0 0 0 5px; font-weight: normal; font-size: 18px; color: #000; height: 23px; float: left}

/*Right Col Select Box Text*/
.selectedTxt { width: 160px; overflow:hidden; height:23px; line-height: 23px; font: bold 12px/23px Verdana, sans-serif; color: #000}

.hiLite { background:#fff!important; color:#000!important;}
.hiLite a { background:#fff!important; color:#000!important;}
.newListHover { background:#ececec!important; color:#000!important; cursor:default;}
.newListSelHover, .newListSelFocus { cursor:default;}
.newListOptionTitle { font-weight:bold;}
.newListOptionTitle ul { margin:3px 0 0; list-style: none; padding-bottom: 10px }
.newListOptionTitle li { font-weight:normal; border-left:1px solid #ccc;}

	
.newListSelected span {width:215px; display:block;}
ul.newList { background: #fff; margin: 0 0 0 -6px; padding-right: 0; border: 1px solid #aeafb2; border-top-color: #e1e1e1; width: 127px }
ul.newList li a {padding:3px 8px; display: block; list-style-type: none; color: #000; font: bold 12px/18px Verdana, sans-serif}
ul.newList li a:hover { text-decoration: none; cursor: pointer }
ul.newList li a:focus {-moz-outline-style: none;}

/***********************************************************************/
.jqZoomPup /*crosshair*/
{
	overflow:hidden;
	background-color: #FFF;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index:10;
	border-color:#c4c4c4;
	border-style: solid;
	cursor:crosshair;
}

.jqZoomPup img
{
	border: 0px;
}
.preload{
    -moz-opacity:0.8;
    opacity: 0.8;
    filter: alpha(opacity = 80);
    color: #333;
    font-size: 12px;
    font-family: Tahoma;
    text-decoration: none;
    border: 1px solid #CCC;
    background-color: white;
    padding: 8px;
    text-align:center;
    background-image: url(images/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: 43px 30px;
    width:90px;
    * width:100px;
    height:43px;
    *height:55px;
    z-index:10;
    position:absolute;
    top:3px;
    left:3px;

}
.jqZoomWindow
{
	border: 1px solid #999;
	background-color: #FFF;
	
}