/*
UNIVERSAL STYLES
======================================================================
*/


.breaker
{
	height: 1px;
	clear:both;
	font-size:1%;
	overflow: hidden;
}

img
{
	border: 0;
}

form, ul, li
{
	margin: 0;
	padding: 0;
}

a
{
    text-decoration: underline;
	color: #122D9B;
    outline: none;
}

a:hover
{
	text-decoration: underline;
    color: white;
    background-color: #122D9B;
}

acronym
{
	font-weight:bold;
	/* for IE */
	text-decoration: underline;
	cursor:help;
}

*>acronym
{
	text-decoration: none;
}

.centered_image
{
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.centered_image img
{
	border: 1px solid #e3e6ed;
}

img.inline_image
{
	padding: 5px;
}

img.left
{
	float: left;
	padding-right: 10px;
}

img.right
{
	float: right;
	padding-left: 10px;
}

.black
{
    color:#000000 !important;
}
.darkblue
{
    color:rgb(17,43,155);
}

h3, #ContentPage h2
{
    font-size:14px;
    font-weight:bold;
    margin:1em 0;
}
h4
{
    font-size:12px;
    font-weight:bold;
    margin:1.3em 0;
}

/*
BASIC PAGE LAYOUT
======================================================================
*/
html body {
	margin:20px 0 0 0;
	padding:0;
	background-color:#eeeeee;
	text-align:center;
	font:small "Trebuchet MS", Arial, Verdana,Sans-serif;
	voice-family: "\"}\""; voice-family:inherit;
	font-size:12px;
	} html>body {font-size:12px;}

#Container
{
	width: 100%;
	text-align:center;
}

a.button
{
	text-align:center;
    background-color:#94c535;
	color:#FFFFFF;
	font-weight:bold;
	padding:1px 10px;

	border:1px solid #DDDDDD;
    cursor:pointer;
}
a.button:hover
{
    background-color:#122D9B;
}

button.small
{
    font-size: 10px;
}

p.confirm_order
{
    text-align: center;
}
.confirm
{
    background-color: red;
    color: white;
    font-weight: bold;
    cursor: pointer;
}

.warnings
{
    /*float:left;*/
    border:1px solid #cc0000;
    margin:5px;
    padding:5px 12px 5px 8px;
    color:#cc0000;
}
    .warnings h4
    {
        margin:0 0 4px 0;
        font-size:14px;
    }
    .warnings ul
    {
        /*float:left;*/
        margin-left:20px;
    }

.field {
    margin: 5px 0 10px 40px;
}

.field label {
    font-weight: bold;
    display: block;
}

.field label.required:after {
    content: "*";
}

.field label.error {
    color:#ed1c24;
}

.field input {
    width: 230px;
}

.field input.shortTextbox {
    width: 100px;
}

#Header
{
	text-align: left;
	background-color: #ffffff;
	width: 800px;
	margin: 0 auto;
    clear:both;
}

#Header a.site_title {
    height: 93px;
    width: 270px;
    display:block;
    text-indent: -9999px;
    background-image: url(../gfx/logo.gif);
    float:left;
}

#Header ul.contact_details {
    width: 302px;
    height: 93px;
    background-image: url(../gfx/contact-info.gif);
    background-repeat:no-repeat;
    list-style: none;
    float: left;
    margin-left: 228px;
}

#Header ul.contact_details li {
    line-height:40px
}

#Header ul.contact_details li {
    line-height:40px;
    font-size: 20px;
}

#Header ul.contact_details li.telephone {
    visibility: hidden;
}

#Header ul.contact_details li label {
    display:none;
}

#Header ul.contact_details li a {
    display: block;
    float: left;
    width: 302px;
    height: 40px;
    text-indent: -9999px;
    background: none;
}

#Header div.search {
    padding: 0 0 10px 15px;
    width:385px;
    line-height:30px;
    float:left;
}

#Header div.search form {
    float:left;
    width: 260px;
}

#Header div.search form .textbox{
    width:185px;
}

#Header div.search p.print {
    background-image: url(../gfx/print-icon.gif);
    background-repeat: no-repeat;
    background-position: center left;
    text-indent: 20px;
    margin: 0 0 0 260px;
}

#Header div.basket {
    padding: 0 15px 10px 0;
    width:385px;
    line-height:30px;
    float:left;
}

#Header div.basket p{
    background-image: url(../gfx/basket.png);
    background-repeat: no-repeat;
    background-position: center left;
    margin: 0;
    text-indent: 40px;
    font-size:18px;
    font-weight:bold;
    float:right;
}

#Header div.basket a {
    color: #94C535;
    text-decoration:none;
}

#Header div.basket a:hover {
    background-color: #94C535;
    color:white;
}

    #Header #MainMenu
	{
		float:left;
		background-color:#e8f3d4;
		border-top:1px solid #b9da7c;
		border-bottom:1px solid #ffffff;
		width:800px;
		list-style:none;
		margin:0;
		padding:0;
		font-size:16px;
		font-weight:bold;
    }
	#Header #MainMenu a
	{
		color:#122d9b;
		width:200px;
		display:block;
		height:27px;
		padding-top:3px;
        background: none;
        text-decoration: none;
    }
	#Header #MainMenu a:hover
	{
		color:#122d9b;
        text-decoration: underline;
	}
	#Header #MainMenu li
	{
		display:inline;
		float:left;
		text-align:center;
	}

#ProductPictureMenu {
    width: 800px;
    margin: 0 auto;
    text-align: left;
    font-size: 20px;
    background-color: #FFFFFF;
}

/* USING CHILD SELECTORS TO HIDE FROM IE */
#ProductPictureMenu>ul {
    list-style: none;
    border-bottom: 5px solid #94C535;
}

#ProductPictureMenu>ul>li {
    background-color: #6585ba;
    display: block;
    float: left;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    background-repeat: no-repeat;
    background-position: -1px 0;
}

#ProductPictureMenu>ul>li.lastCol {
    background-position: 0 0;
    border-right: none;
}

#ProductPictureMenu>ul>li>a {
    color: #FFFFFF;
    width: 199px;
    height: 148px;
    display: block;
    text-decoration: none;

    background: none;
    background-image: url(../gfx/50pc-overlay.png);
    background-position: bottom left;
    position:relative;
}

#ProductPictureMenu>ul>li>a:hover {
    text-decoration: underline;
}

/*#ProductPictureMenu li.lastCol a {*/
    /*padding-right: 13px;*/
/*}*/

#ProductPictureMenu>ul>li>a>span {
    padding: 0 12px 12px 12px;
    display: block;
    position: absolute;
    /*line-height: 30px;*/
    bottom: 0;
    left: 0;
    cursor: pointer;
}

#Page
{
	text-align: left;
	background-color:#FFFFFF;
	width: 770px;
	margin: 0 auto;
	padding: 15px;
    clear:both;
}
	#Page h2
	{
		color:#0f2b9b;
		padding:0;
		margin:15px 0;
		font-size:20px;
	}
	#Page p
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#666666;
		margin:0 0 18px 0;
		/* text-align:justify; */
	}
	#Page #Home
	{
		float:left;
		width:545px;
		margin-bottom:15px;
	}
	#Page #Feature
	{
		float:right;
		width:162px;
		background-color:#e8f3d4;
		padding:7px 12px 15px 12px;
		font-size:11px;
		margin-bottom:15px;
	}
	#Page #Feature h3
	{
		color:#8cc127;
		font-size:16px;
		margin:0 0 15px 0;
		padding:0;
	}
	#Page #Feature h4
	{
		font-size:16px;
		padding:0;
        margin:0;
    }
#ContentPage
{

}

#ContentPage h1, #ContentPage h3
{
    font-size:16px;
    font-weight:bold;
    margin:1em 0;
}

#ContentPage h2, #ContentPage h4
{
    font-size:12px;
    font-weight:bold;
    margin:1.3em 0;
    color:rgb(140, 193, 39);
}

#ContentPage h2.page_title
{
    color:#0f2b9b;
    padding:0;
    margin:15px 0;
    font-size:20px;
    margin-top:5px;
}

#ContentPage img
{
    float:left;
    margin:0 15px 15px 0;
}

#Products
{
	clear:both;
	float:left;
    width:100%;
}

    #Products #SuperCategory
    {

    }
        #Products #SuperCategory img
        {
            float:left;
        }
        #Products #SuperCategory #Text
        {
            float:left;
            width:568px;
            margin:0 0 0 22px;
        }
        #Products #SuperCategory #Text	h2
        {
            margin-top:7px;
            color:#000000;
        }

    #Products #SuperSubCats
    {
        margin:0 0 0 202px;
    }
        #Products #SuperSubCats ul
        {
            list-style:none;
        }
        #Products #SuperSubCats ul li
        {
            float:left;
            width:270px;
            margin:0 5px 10px 5px;
        }
        #Products #SuperSubCats ul li h3
        {
            float:left;
            margin:0 0 7px 0;
            padding:0;
            width:158px;
        }
        #Products #SuperSubCats ul li h3 a
        {
            color:#112b9b;
        }
        #Products #SuperSubCats ul li h3 a:hover
        {
            background: none;
        }
        #Products #SuperSubCats ul li p
        {
            width:158px;
            float:left;
            margin:0;
            padding:0;
        }
        #Products #SuperSubCats ul li img
        {
            display:block;
            border:none;
            float:left;
            margin:0 5px 5px 0;
        }

    #Products #Nav
	{
		float:left;
		border-top:2px solid #102b9a;
		margin:10px 0 0 0;
		width:100%;
		clear:both;
	}
	#Products #Nav ul
	{
		float:left;
		width:100%;
		list-style:none;
		border-bottom:1px solid #102b9a;
	}
	#Products #Nav li
	{
		float:left;
		background-image:url(../gfx/product-list-nav.gif);
		background-position:0 12px;
		background-repeat:no-repeat;
	}
	#Products #Nav #SubCategories li
	{
		float:left;
		background-image:url(../gfx/product-list-nav-sub.gif);
		background-position:1px 15px;
		background-repeat:no-repeat;
	}
	#Products #Nav li a
	{
		color:#112b9b;
		font-size:16px;
		font-weight:bold;
		padding:4px 15px 4px 22px;		
		display:block;
	}
	#Products #Nav li a:hover
	{
        background: none;
    }
	#Products #Nav li.first a
	{
		padding-left:0;
	}
	#Products #Nav li.first
	{
		background-image:none !important;
	}
	#Products #Nav li.current a
	{
		color:#79797a;
	}
	#Products #Listing
	{
		background-color:#f3f5fb;
        width:100%;
    }
	#Products #Listing .paging
	{
		clear:both;
		float:right;
		color:#939393;
		padding:8px;
	}
	#Products #Listing .paging a
	{
		color:#0f2d9b;
		padding:8px;
	}
	#Products #Listing .paging a:hover
	{
        color:#0f2d9b;
        background: none;
	}
	#Products #Listing table
	{
		clear:both;
		width:100%;
	}
	thead
	{
		background-color:#6879c1;
		color:#FFFFFF
	}
	thead th
	{
		padding:1px 9px;
	}
    #Products #Listing table
    {
        border-bottom:1px solid #e1e5f3;
    }
    #Products #Listing th.name
	{
		width:185px;
	}
	#Products #Listing th.description
	{
		width:380px;
	}
	#Products #Listing th.image
	{
		width:54px;
	}
	tbody td
	{
		padding:8px 0 9px 9px;
		vertical-align:top;
	}
	#Products #Listing tbody tr.odd
	{
		background-color:#e1e5f3;
	}
	#Products #Listing tbody .name a
	{
		font-weight:bold;
		width:185px;
	}

#Products #Listing tbody img
{
    display: block;
}

#ProductDetail
{
    background-color:#e1e5f3;
    padding:15px;
    float:left;
}
    #ProductDetail .details
    {
        margin:0 15px 25px 0;
        float:left;
        width:520px;
    }
    #ProductDetail h3
    {
        font-size:20px;
        color:rgb(17,43,155);
        padding-top:0;
        margin-top:0;
    }
    #ProductDetail .image
    {
        float:right;
        width:160px;
        height:185px;
        margin-bottom:25px;
        text-align:center;
    }

    #ProductDetail .image  a.hires
    {
        display: block;
        width: 135px;
        height: 25px;
        line-height: 25px;
        padding: 0 0 0 30px;
        text-align: left;
        background-image: url(../gfx/magnifying-glass.gif);
        background-repeat: no-repeat;
        background-position:  center left;
    }

    #ProductDetail .image  a.hires:hover
    {
        color: #122D9B;
        background-color: transparent;
    }

    /*#ProductDetail .image img*/
    /*{*/
        /*width:160px;*/
        /*height:160px;*/
    /*}*/
    #ProductDetail .price
    {
        float:left;
        font-size:15px;
        font-weight:bold;
        width:140px;
    }

    #ProductDetail .variation
    {
        border-bottom:1px solid #333333;
        float:left;
        margin-bottom:8px;
        padding-bottom:8px;
    }

    #ProductDetail .variation p
    {
        /*margin:0;*/
    }

    #ProductDetail .buy
    {
        float:right;
        margin:1em 0 15px 0;
        width: 200px;
        text-align: right;
    }

    #ProductDetail .variation .buy
    {
        margin-bottom:0;
    }

    #ProductDetail .title
    {
        margin:0 10px 0 0;
        width:390px;
    }
    #ProductDetail .buy input
    {
        width:30px;
    }

.out_of_stock
{
    display: inline;
    background-color: #9d0a0e;
    color: white;
    padding: 2px 5px 2px 5px;
    text-align: center;
    margin-right: 5px;
}

td.price .out_of_stock
{
    float: left;
    display: block;
    margin-top: 20px;
}

 ul.back_links
{
    list-style: none;
    padding: 0;
    margin: 10px 0 10px 0;
    height: 24px;
}

ul.back_links li
{
    padding: 0 10px 0 20px;
    margin: 0;
    float: left;
    line-height: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

ul.back_links li a
{
    color: white;
    background: none;
    text-decoration: none;
}

ul.back_links li a:hover
{
    text-decoration: underline;
}

ul.back_links li.back_to_list
{
    background-image: url(../gfx/back_to_list.gif);
}

ul.back_links li.back_to_cat
{
    background-image: url(../gfx/back_to_cat.gif);
    margin-left: 10px;
}

ul.back_links li.checkout
{
    padding: 0 20px 0 10px;
    background-image: url(../gfx/go_to_checkout.gif);
    background-position: right;
    float: right;
}

    #BuyAction
    {
        float:right;
        height:20px;
        padding-right:30px;
    }
    #BuyAction div
    {
        float:right;
    }
    #BasketAction
    {
        float:left;
        height:20px;
        padding:5px;
    }
    #BasketAction div
    {
        float:left;
    }
    #ActionMessage
    {
        margin:0;
        background-color:#ff4d4d;
        color:white;
        text-align:right;
        padding:0 7px;
    }

	h2.green
	{
		color:#8cc127;
		margin-top:7px;
	}
#Stages
{

}
	#Stages ul
	{
		list-style:none;
		float:left;
		width:100%;
		margin:0 0 14px 0;
	}
	#Stages li
	{
		background-color:#e8f3d4;
		width:170px;
		height:37px;
		float:left;
		background-image:url(../gfx/checkout-step-bg.gif);
		background-repeat:no-repeat;
		padding-left:27px;
		padding-top:1px;
		color:#666666;
		font-size:11px;
	}
	#Stages li b
	{
		font-size:12px;
		float:left;
		margin:2px 0 -4px 0;

	}
	#Stages li.one
	{
		width:170px;
		background-position:-18px 0;
		padding-left:9px;
		font-weight:bold;
	}
    #Stages .step1 li.one,
    #Stages .step2 li.two,
    #Stages .step3 li.three,
    #Stages .step4 li.four
    {
        background-color:#94c535;
        color:#ffffff;
    }

#Basket
{
    background-color:#f3f5fb;
    padding:9px;
    margin-bottom:20px;
}
	#Basket h3
	{
		color:#666666;
		font-size:16px;
		padding:0 0 1px 24px;
		margin:0 0 13px 0;
		border-bottom:1px solid #cccccc;
		background-image:url(../gfx/basket-grey.gif);
		background-position:2px 5px;
		background-repeat:no-repeat;
		font-weight:bold;
	}
	#Basket table
	{
		width:100%;
		padding-bottom:35px;
		border-bottom:1px solid #cccccc;
	}
	#Basket .total
	{
		font-size:16px;
		font-weight:bold;
		color:#666666;
		margin:5px 0 0 0;
		display:block;
        text-align:right;
    }

#Basket td.totals table
{
    width: auto;
    font-size:16px;
    line-height: 16px;
    font-weight:bold;
    margin:5px 0 0 0;
    text-align:right;
    border-bottom: none;
    float: right;
    padding: 0;
}

#Basket td.totals table th
{
    color:#666666;
}

#Basket td.totals  p.no_shipping
{
    clear: both;
    font-weight: bold;
    color: black;
}

    #Basket .quantity
    {
        width:82px;
    }
    #Basket td.quantity
    {
        text-align:right;
        padding-left:18px;
    }
    #Basket td.quantity input
    {
        border:1px solid #ccc;
        width:40px;
        padding:0 10px;
        display:block;
        cursor:pointer;
        text-align:right;
        background-color:#f3f5fb;
    }
    #Basket td.quantity input.live
    {
        cursor:text;
        background-color:#ffffff;
    }

    div.paymentLogos
    {
    }

    .confirm_form #Basket td.quantity
    {
        text-align:left;
        padding-left:25px;
    }
    .confirm_form #Basket table
    {
        padding-bottom:5px;
    }
#Footer
{
	text-align: left;
	background-color:#eeeeee;
	width: 780px;
	margin: 0 auto;
	padding: 15px 10px;
	font-size:11px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	#Footer p
	{
		margin:3px 0;
		padding:0;
	}
	#Footer p.credit
	{
        margin-top: 20px;
        color: #aaaaaa;
    }
	#Footer p.credit a
	{
        color: #aaaaaa;
    }
	#Footer p.credit a:hover
	{
        color: white;
        background-color: #aaaaaa;
    }
	/*#Footer a*/
	/*{*/
		/*color:#0f2b9b;*/
	/*}*/

#InfoPages
{
    margin:20px 0 0 5px;
    list-style:none;

}
    #InfoPages li
    {
        font-size:1.2em;
        margin:6px;
    }

#ConfirmWorking
{
    background-color: #ffffcc;
    border: 1px solid #666666;
    color: #666666;
    padding: 5px;
}

form.checkoutform
{
    padding: 10px;
    background-color: #f3f5fb;
}

form.checkoutform h3
{
    line-height: 20px;
    padding-left: 220px;
    color: white;
    background-color: #6879c1;
}

form.checkoutform fieldset
{
    border: none;
    border-bottom:1px solid #CCCCCC;
    padding-left: 260px;
}

form.checkoutform fieldset em
{
    font-weight: bold;
    font-style: normal;
    color: #0f2d9b;
}

form.step1Form
{
    margin-bottom: 15px;
}

form.step1Form a
{
    cursor: pointer;
}

form.step1Form label
{
    font-weight: bold;
    color: black;
}

form.step1Form .column
{
    width: 362px;
    min-height: 208px;
    position:relative;
}

form.step1Form h3
{
    margin-top: 0 !important;
}

form.step1Form .secureCheckoutBox
{
    float: left;
}

form.step1Form .additionalInfoBox
{
    margin-left: 378px;
    width: 392px;
}

form.step1Form .column p
{
    font-size: 10px;
    margin-bottom: 10px !important;
    line-height: 14px;
}

form.step1Form .additionalInfoBox textarea
{
    width: 388px;
    height: 80px;
}

form.step1Form div.input
{
    float: right;
}

form.step1Form div.input input
{
    width: 182px;
}

form.step1Form .blue
{
    background-color: #F3F5FB;
    padding: 8px;
}

form.step2 {
}

form.step2 fieldset {
    background-color:#F3F5FB;
    border: none;
    padding: 10px;
    margin: 0;
    display:block;
    float: left;
    width: 360px;
}

form.step2 fieldset:first-child {
    margin-right: 10px;
}

form.step2 fieldset h3 {
    margin: 0 0 10px 0;
    padding: 0 5px 0 5px;
    line-height: 25px;
    color: white;
    background-color: #6879c1;
}

form.step2 p.field {
    margin-bottom: 0 !important;
    padding: 0;
    line-height:30px;
    font-size:10px;
}

form.step2 p.field label {
    display: block;
    float: left;
    width: 150px;
    text-indent:5px;
}

form.step2 p.field input {
    float: left;
    width: 180px;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }
.clear:after, .container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }