/*
Yellow=FFD302
D Blue=1C3F95
Light Purple=989ACB
*/
body
{
	font-family: Verdana;
	margin: 0px;
	background-color: #EEE;
	color: #000;
}

/* float clearing */
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix
{
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}
/* End hide from IE-mac */

hr.clearbar
{
    clear: both;
    visibility: hidden;
}

#top img 
{
    margin-left:9px;
    float:left;
}

#top h3
{
    height: 1px;
    margin: 0;
    padding: 0;
    text-indent: -5000px;
    font-size: 1px;
    font-weight: normal;
}

h1
{
    font-size : 20px;
}

h2
{
    font-size: 15pt;
}

.small
{
    font-size: 10px;
}

#headerlinks
{
    float: right;
    color: #7086bc;
    position: relative;
    width: 500px;
    text-align: right;
    font-size: 11px;
}

#headerlinks a
{
    color: #FFF;
}

#headerlinks a:hover 
{
    color : #FFDD00;
}

#headerlinks ul
{
    list-style:none;    
    margin:5px;
    padding:0px;
}

#headerlinks li 
{
    text-align:center;
    float:left;
    padding: 0px 5px;
    border-left: 1px solid #EEE;
}

#headerlinks li.first
{
    border-left: none;
}

img
{
    border: 0px;
}

a:link, a:visited
{
    color: #4959A5;
}
a:link, a:visited
{
    text-decoration: none;
}

#container
{
	width: 1000px !important;
	margin: 10px auto;
	color: #333;
	line-height: 130%;
}

#top
{
    background-color: #989acb;
    background-image: url('../../images/Site/HOC/header.gif');
    font-size: 0.9em;
    height:128px
}

#breadcrumbs
{
    padding: 10px 10px 0px 10px;
}

#breadcrumbs #tagsfilter
{
    font-size: 0.8em;
}

#breadcrumbs #tagsfilter .tag
{
    color: #000580;
}

#mainmenu
{
    margin: 0;
    color: #FFF;
    background-color: #989acb;
}

#mainnav
{
	display: inline;
	padding: 0px;
	margin: 0px;
	width: 1000;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
}

#mainnav li
{
	float: left;
	margin: 0 0;
	position: relative;
	padding-left: 5px;
}

#mainnav h2
{
	font-size: 12px;
	margin: 0px;
}

#mainnav li a
{
    color: #FFF;
    display: block;
    font-weight: bold;
    text-decoration: none;
    padding: 0.65em 0.45em; /*text-transform: lowercase; */
}

#mainnav li a:hover 
{
    color : #FFDD00;
}



#search
{
	padding: 5px;
}

#search form
{
    margin: 0px;
    padding: 0px;
}

#search .searchdep
{
	width: 180px;
}

#search .searchbut
{
}


#search .search
{
	width: 180px;
}

#submenu
{
    background-color: #CCC;
}

#submenu ul
{
    display: inline;
    margin: 0;
    width: 100%;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 0;
}

#submenu li
{
    float: left;
    margin: 0.2em 0.6em;
    position: relative;
}

#submenu li a
{
    color: #000;
    display: block;
    text-decoration: none;
    text-transform: lowercase;
}

#columns
{
	clear: both;
	background-color: #FFFFFF;
}

#leftnav
{
	float: left;
	width: 200px;
	padding: 10px;
}

#rightnav
{
	float: left;
	width: 200px;
	padding: 10px;
}

.sidemenu
{
    font-size: 0.8em;
    overflow: hidden;
}

.sidemenu ul
{
    list-style-image: none;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.sidemenu li
{
	margin-left: 5px;
}

.sidemenu ul.section
{
    background-color: #EEE;
}

.sidemenu ul.section li
{
    padding-left: 10px;
}

.sidemenu .navtitle
{
    background-color: #DADADA;
    font-weight: bold;
    padding: 2px;
    margin-left: 0px;
    background-image: url(../../images/Site/HOC/images/lightgrad.png);
    background-repeat: repeat-x;
    overflow: hidden;
}

.menuset {
	background-color:#DEDEEF;
	margin-bottom:10px;
}


.menuset .newsletter p
{
    margin:3px;
}

.menuset .newsletter input.text
{
    width:180px;
}

.newslist h4
{
    margin: 0px;
    font-size: 0.9em;
    line-height: 110%;
}

.newslist li.navtitle
{
    border-bottom: none;
}

.newslist li
{
    border-bottom: dashed 1px #999;
    margin-bottom: 2px;
}

.newslist p
{
    line-height: 110%;
}

#content
{
	float: left;
	overflow: hidden;
	width: 550px;
	padding: 10px 5px;
}

#contentfull
{
    padding: 10px;
}

#content h2
{
    margin: 0px 0px 10px 0px;
    line-height: normal;
}

.pagination
{
    background-color: #EEE;
    margin: 5px 0px;
    padding: 2px;
    font-size: 0.8em;
    text-align: left;
}

.pagination .currentpage, .pagination .totalpages
{
    font-weight: bold;
}

.pagination a, .pagination .selectedpage
{
    border: 1px solid #AAA;
    background-color: #DDD;
    padding: 0px 2px;
}

.pagination a:hover
{
    border: 1px solid #AAA;
    background-color: #FFF;
    padding: 0px 2px;
}

/* Product List Pages */

.productlist 
{
    width : 550px;
}

.productlist .product
{
    width: 550px;
    height: 141px;
}

.searchlist .product
{
    width: 485px;
}

.productlist h4
{
    font-size: 14px;
    height: 45px;
    width: 392px;
}

.searchlist h4
{
    width: 327px;
}

.searchlist .product, .productlist .product
{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #BBB;
    float: left;
}

.searchlist h4, .productlist h4
{
    font-weight: bold;
    margin: 0px;
}

.searchlist .productimage, .productlist .productimage
{
    float: left;
    width: 150px;
    height: 100px;
}

.searchlist .productinfo
{
    width: 327px;
}

.productlist .productinfo
{
    width: 392px;
}

.productlist .details
{
    background-color : #989ACB;
    color: #FFF;
    padding:4px;
}

.searchlist .productinfo, .productlist .productinfo
{
    font-size: 0.9em;
    float: left;
    margin: 0px 4px;
    overflow: hidden;
}

.searchlist .product .productprices, .productlist .product .productprices
{
    float: left;
    width: 392px;
}

.searchlist .product .productadd, .productlist .product .productadd
{
    float: left;
    text-align: center;
    width: 100px;
}

.searchlist .price, .productlist .price
{
    margin: 0px;
}

.productprices .freepostage
{
    margin: 0px;
    font-weight: bold;
    color: #F00;
    font-size: 0.8em;
}

.searchlist .tagline, .productlist .tagline
{
    margin: 0px;
    font-weight: bold;
    color: #4B5DFF;
    font-size: 0.8em;
}

.price .value
{
    font-weight: bold;
    font-family: Arial;
}

p.pricerrp
{
    font-size: 0.9em;
    color: #AAA;
    text-decoration: line-through;
    margin: 0px;
}

a.tag
{
}

a.tagremove
{
    padding-left: 10px;
    background-image: url(../../images/Site/HOC/images/tagremove.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

/* Product Page */

#product #productimage
{
    float: left;
    width: 300px;
    margin-bottom: 20px;
    text-align: center;
}

#product #productimage div
{
    font-size: 0.75em;
    text-align: center;
    margin-top: 0px auto;
}

#productinfo
{
    min-height: 150px;
    float: right;
    width: 245px;
    margin-left: 5px;
}

#product .description h3
{
    font-size: 1.1em;
}

#product .description
{    
    font-size: 0.8em;
    text-align: justify;
}

#product .price
{
    margin: 5px 0px;
    font-weight: bold;
    font-family: Arial;
}


#product .componentlist
{
    list-style: none;
    margin: 0px;
    padding: 10px 0px;
    width: 270px;
    font-size: 0.9em;
    overflow: hidden;
}

#product .componentlist li
{
    background-color: #EEE;
    padding: 3px 0px;
}

#product .componentlist .buy
{
    float: left;
    width: 20px;
    text-align: center;
    font-size: 0.8em;
}

#product .componentlist .image
{
    float: left;
    width: 60px;
}

#product .componentlist .info
{
    float: left;
    width: 170px;
}

#product .componentlist select
{
    width: 170px;
}

#product .multibuy 
{
    font-size:0.8em;    
}

#product .multibuy h2
{
    font-size:13px;    
}

#product .multibuy ul
{
    list-style: none;   
    margin:0px;
    padding:0px;
}
#product .multibuy li
{
    list-style: none;  
}

/* Category List Page */

.categorylist 
{
    width: 550px;
}

.categorylist .category
{
    float: left;
    width: 183px;
    height: 150px;
    text-align: center;
}

.categorylist .category .image
{
    height: 100px;
}

#footer
{
	background-color:#DEDEEF;
    clear: both;
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 1000px;
}

#footer .footermenu
{
    font-size: 0.7em;
    float: left;
    width: 500px;
}

#footer .footermenu h4
{
    margin: 0px;
    padding: 0px;
}

#footer .footermenu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}


#footer .copyright
{
    font-size: 0.7em;
    margin: 10px 0px;
}





input.buybutton, input.redbutton, input.button
{    
    cursor: pointer;
    background-color: #EE2E24;    
    color: #FFD302;
    font-weight: bold;
    padding: 2px;    
}

input.buybutton
{
    width: 50px;
}

input.greenbutton
{    
    color: #FFF;
    font-weight: bold;
    padding: 2px;
    border: 1px solid #989ACB;
    cursor: pointer;
    background-color: #1C3F95;
}

a.greenbutton
{
    display: inline-block;
    border: 0px;
    color: #FFF;
    font-weight: bold;
    padding: 2px;
    border: 1px solid #989ACB;
    background-color: #1C3F95;
    font-size: 0.9em;
    cursor: pointer;
}

/* basket table */

.baskettable
{
    width: 100%;
}

.baskettable th
{
    font-size: 0.8em;
    background-color: #989ACB;
    color: #FFF;
    padding: 4px;
    text-align: left;
}

.baskettable td
{
    padding: 4px;
}

.baskettable tr.component td
{
    background-color: #EEE;
    font-size: 0.9em;
}

.baskettable tr.component td.title
{
    padding-left: 30px;
}

.ordersummary th
{
    font-size: 0.8em;
    background-color: #989ACB;
    color: #FFF;
    padding: 4px;
    text-align: right;
}

.ordersummary td
{
    padding: 4px;
}

.productref
{
    font-size: 0.8em;
    color: #888;
}

.baskettable .promo_items
{
    font-size: 10px;
    color: Red;    
    margin: 0px;
    padding: 0px;
}

.baskettable .promo_items li
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.baskettable .promo_item_savings
{
    font-size: 10px;
    color: Red;    
}

.baskettable .promo_item_row 
{
    background-color: #EDEFFF;
    line-height: 100%;
} 

/* Login Page */

#loginform
{
    width: 990px;
}

#loginform #login
{
    float: left;
    width: 475px;
    padding: 10px;
}


#loginform #register
{
    width: 475px;
    overflow: hidden;
    padding: 10px;
}

#loginform #register input.text
{
    width: 250px;
}

#loginform #register .form 
{
     background-color: #EEE; 
     padding: 10px;
}

#loginform #register .form h3
{
    font-size: 16px;
    margin: 0px 2px;
    color: #4959A5;
}

.homeproductlist
{
    display: inline-block;
    width: 100%;
}

.homeproductlist .product
{
    float: left;
    width: 160px;
    height: 130px;
    text-align: center;
    padding: 10px;
}

.homeproductlist .product .image
{
    height: 100px;
}

/* Payment Page */

#payment
{
    width: 500px;
    background-color: #EEE;
    padding: 10px;
}

#payment table
{
    width: 100%;
}

#payment th
{
    font-weight: normal;
    text-align: right;
}

#payment .buttonrow input
{
    margin-top: 15px;
}

.orderhistory
{
    font-size: 12px;
    width: 100%;
}

.orderhistory th
{
    
    background-color: #989ACB;
    color: #FFF;
    padding: 4px;
    text-align: left;
}

.orderhistory td
{
    padding: 4px;
}

.orderhistory .alt
{
    background-color: #EEE;    
}


/* Order Summary */

#addresssummary
{
    font-size: 12px;
}

#addresssummary .address
{
    width: 490px;
    float: left;
}

#addresssummary .address h3
{
    margin: 0px 2px;
    font-size: 16px;
}
#addresssummary .address th
{
    font-size: 14px;
    text-align: right;
}

#addresssummary .address th,
#addresssummary .address td
{
    padding:2px;
}

#ordersummary_extras h3 
{
    font-size: 12px;
    margin: 2px 0px;
}

.promotion_coupons 
{
    background-color: #EDEFFF;
    width: 980px;
    margin: 10px 0px;
    padding:0px;
}

.promotion_coupons h4 
{
    font-size: 14px;
    margin: 0px;
}

.promo_panel_add 
{
    float:left;
    width: 470px;
    padding:10px;
}

.promo_panel_active
{
    float:left;
    width: 470px;
    padding:10px;
}

.promo_coupon_txt_add 
{
}

.promo_coupon_btn_add
{
    cursor: pointer;
    background-color: #EE2E24;    
    color: #FFD302;
    font-weight: bold;
    padding: 2px;  
}

.promo_coupon_list li
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.promo_coupon_btn_remove
{
}

/* Homepage */

.fpcategory 
{
    width : 200px;
    height : 130px;
    text-align:center;
}

#searchfull
{
    float: left;
    width: 750px;
    padding: 10px;
}

#product .incluVAT
{
    margin: 5px 0px;
    color: #888;
}

#productinfo input {
    width: 40px;
}