/* ////////////////////////////////////////////////////// 
*** Important Colours
------------------
#f1f0e8 - Body Background
---------------
02b8bb
02b8bb
#806640 - Headline Background
#4a3d2f - Abstract and Date Background (usually the accent colour)
#4a3d2f - Bold Link and Link Hover Colour	
----------------- */


/* GENERAL ----- */

body {
    font-family : tahoma, verdana, arial;
    color : #564b47;
    padding : 10px;
    margin: 0px auto;
    width: 740px;
    margin-top: 20px;
    background-color : #e5eeee;
    /*
    margin-top : 10px; 
    background-image : url(../images/back.gif);
    background-position : center;
    background-repeat :repeat-y;
    background-color : #2c8283;
    */
} 

#parent {
    text-align : center;
    margin : 0 auto;
    padding : 0px;
    width : 750px;
    border-top : 0px transparent;
}

#container {
    text-align : center;
    margin : 0 auto;
    padding : 10px;
    width : 740px;
    border: 1px solid #999999;
    /* border: 2px solid #e4ddd5; */
    background-color : #ffffff;
    float: left;
}

h2 {
    font-family: arial;
    font-size: 14px;
    padding-top: 3px;
    line-height: 16px;
    color: #646464;
    margin:0px;
    /* text-align: justify; */
}

.pics {
    width: 210px;
    float: left;
    border-right : 5px transparent;
}

.pics img {
    border: 0px;
    padding: 0px;
    margin: 0;
    padding-top: 1px;
}

.text {
    width: 300px;
    font-family: verdana;
    font-size: 11px;
    line-height: 16px;
    float: right;
    padding: 7px 5px;
    color: #646464;
    margin:0px;
    /* text-align: justify; */
}

.text a {
    color: #646464;
    text-decoration: none;
    text-transform: capitalize;
}

.text a:hover {
    text-decoration: underline;
}

/* Columns */

#shopLeft {
    float: left;
    width: 210px;
    margin: 0px;
    padding: 0px;
    border-right : 5px transparent;
    text-align : left;
    overflow : hidden;
}

#shopRight {
    float: right;
    width: 195px;
    margin: -3px 0 0 0;
    padding: 0px;
    border-left : 5px transparent;
    text-align : left;
    overflow : hidden;
}

#body {
    clear: both;
    width : 535px;
    text-align : left;
    float: left;
    margin: -1px 0 0 0;
    padding-bottom: 20px;
}


/* Header */

#header {
    margin : 0px;
    padding : 0px;
}

#headerContain {
    margin : 0px;
    padding : 0px;
}

#logo { 
    width : 210px;
    height : 85px;
    max-height : 85px;
    border-right : 5px transparent;
    float : left;
}

.topLinks {
    font-family: arial;
    font-weight: bold;
    font-size: 11px;
    text-align: right;
    padding-top: 25px;
    padding-bottom: 5px;
    color: #646464;
    margin:0px;
}

.topLinks a {
    color: #646464;
    text-decoration: none;
    text-transform: capitalize;
    padding: 0px 5px;
}

.topLinks a:hover {
    text-decoration: underline;
}

.mainLinks {
    width : 525px;
    height : 29px;
    max-height : 29px;
    background-color: #2c8283;
    font-family: arial;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    padding: 0px 0px;
    padding-top: 12px;
    float : right;
    color: #ffffff;
}

.mainLinks a {
    height : 30px;
    max-height : 30px;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 5px;
}

.mainLinks a:hover {
    text-decoration: underline;
}

.subLinks {
    font-family: arial;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
    padding: 3px 0px;
    color: #646464;
    margin:0px;
}

.subLinks a {
    color: #646464;
    text-decoration: none;
    text-transform: capitalize;
    padding: 0px 5px;
}

.subLinks a:hover {
    text-decoration: underline;
}


/* Shop Column items */

#currency {
    font-size: 10px;
    background-color: #dcdfe0;
    color : #cc0000;
    padding:7px 10px;
    margin:0px;
    text-align: center;
}

.currencyCombo {
    font-family: verdana;
    width: 105px;
    font-size: 9px;
}

#categoryHeader {
    font-size: 13px;
    font-family: arial;
    font-weight: bold;
    background-color: #02b8bb;
    color: #ffffff;
    padding:3px 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
    border : 5px transparent ;
    border-right : 0px  transparent;
    border-left : 0px  transparent;
}
#categoryHeader a {
    color: #ffffff;
    text-decoration: none;
    overflow: hidden;
}

.catBack {
    font-family: arial;
    font-size: 11px;
    border-top:1px transparent;
    border-bottom:1px dashed #c0c0c0;
    margin-top:1px;
    background-image : url(../images/listCat.gif);
    background-position : 1%;
    /* background-position : left; */
    background-repeat :no-repeat;
}

.catBack a {
    color: #646464;
    text-decoration: none;
    overflow: hidden;
    padding:3px 20px;
    padding-right : 5px;
    display: block;
}

.catBack a:hover {
    text-decoration: underline;
}

.shopbyHeader {
    font-size: 13px;
    font-family: arial;
    font-weight: bold;
    background-color: #2c8283;
    color: #ffffff;
    padding:3px 5px;
    margin-top:6px;
    margin-bottom: 5px;
    text-align: left;
    border : 5px transparent;
    border-right : 0px;
    border-left : 0px;
}

.shopbyHeader a {
    color: #ffffff;
    text-decoration: none;
}

.shopbyBack {
    font-family: arial;
    font-size: 11px;
    color: #646464;
    border-top:1px transparent;
    border-bottom:1px dashed #c0c0c0;
    margin-top:1px;
    background-image : url(../images/listShop.gif);
    background-position : 1%;
    /* background-position : left; */
    background-repeat :no-repeat;
}

.shopbyBack a {
    color: #646464;
    text-decoration: none;
    padding:3px 20px;
    padding-right : 5px;
    display: block;
}

.shopbyBack a:hover {
    text-decoration: underline;
}

.enlarge {
    font-family: arial;
    font-size: 11px;
    color: #646464;
    border-top:1px transparent;
    margin-top:1px;
}

.enlarge a {
    color: #646464;
    padding:3px 0px;
    text-align: right;
    display: block;
    text-decoration: underline;
}

.enlarge a:hover {
    text-decoration: none;
}

#search {
    font-family: arial;
    font-size: 13px;
    font-weight : bold;
    background-color: #dcdfe0;
    color : #444444;
    padding:7px 10px;
    margin-top:5px;
    text-align: left;
    border-top : 5px transparent;
}

.searchBox {            
    border: #c2c2c2 1px solid;
    width: 140px;
    height : 16px;
    font-size: 11px;
    color: #282E3E;      
    vertical-align : middle;
}

.searchGo {            
    vertical-align : middle;
    padding:7px 0px;
}

/* Body items */

#shoppingBag {
    width : 505px;
    background-color: #f0f0f0;
    font-size: 11px;
    text-align: right;
    padding: 10px 10px 9px 10px;
    color: #646464;
    margin: -1px 0px 0px 0px;
}

#shoppingBag a {
    text-decoration: none;
    text-transform: capitalize;
}

#shoppingBag a:hover {
    text-decoration: underline;
}

.items a {
    margin:0px;
    padding : 0px;
    color: #cc0000;
    text-decoration: none;
    text-transform: capitalize;
}

#banner { 
    height: 220px;
    max-height: 225px;
    padding: 0px;
    margin-top: 5px;
    border-top : 5px transparent;
    border-bottom : 1px dashed #c0c0c0;
}

#banner2 { 
    height: 60px;
    max-height: 60px;
    padding: 0px;
    margin-top: 5px;
    border-top : 5px transparent;
    border-bottom : 1px dashed #c0c0c0;
}

#fade { 
    height : 140px;
    margin: 0;
    background-image : url(../images/fade.gif);
    background-position : top;
    /* background-position : left; */
    background-repeat :repeat-x;
}

.ads { 
    padding : 5px 5px;
    padding-bottom: 0px;
}

.ads img { 
    width : 253;
    height: 131px;
    max-height: 131px;
    margin: 0;
    border : 1px solid #999999;
}


/* Featured items and Shopping Cart */

.featureTitle {
    font-size: 13px;
    font-family: arial;
    font-weight: bold;
    background-color: #02b8bb;
    color: #ffffff;
    padding:3px 5px;
    margin: 6px 0 0 0;
    text-align: left;
}

/*#cartRow {
    height : 94px;
    padding: 5px;
    padding-bottom: 0px;
    padding-top: 5px;
    margin: 0px;
}*/

.emailNotify { 
    width : 300px;
    height : 92px;
    padding: 0px;
    margin: 0 auto;
    margin-right: 5px;
    border : 0px solid #c0c0c0;
}

.cartLeft { 
	width : 260px;
	float : left;
	padding: 0px;
	margin-right: 5px;
	border : 1px solid #c0c0c0;

}

.cartRight { 
	width : 260px;
	float : left;
	padding: 0px;
	margin-right: 5px;
	border : 1px solid #c0c0c0;

}

.cartImg { 
    padding : 5px 5px;
    float : left;
}

.cartImg img { 
    width : 100px;
    border : 0px solid #999999;
}

.cartAbstract {
    height: 80px;
    max-height: 80px;
    font-family: arial;
    font-size: 11px;
    margin:0px;
    padding: 5px 3px;
    verticle-align: bottom;
	float : left;
}

.cartAbstract a {
    color: #646464;
    text-decoration: none;
    overflow: hidden;
    padding-right : 5px;
    width : 100%;
}

.cartAbstract a:hover {
    text-decoration: underline;
}

.cartPrice {
    font-size: 13px;
    font-family: arial;
    font-weight: bold;
    color: #222222;
    margin:4px;
}

.addtobag {
    font-size: 10px;
    font-family: arial;
    font-weight: bold;
    color: #ffffff;
    padding:2px 5px;
    background-color: #2c8283;
    border: 1px solid #ffffff;
	cursor: pointer;
	cursor: hand;
}

.checked {
    font-size: 10px;
    font-family: arial;
    font-weight: bold;
    color: #ffffff;
    padding:2px 5px;
    background-color: #cc0000;
    border: 1px solid #ffffff;
}
.remove {
    font-size: 10px;
    font-family: arial;
    font-weight: bold;
    color: #ffffff;
    padding:2px 5px;
    background-color: #cc0000;
    border: 1px solid #ffffff;
}

/* Footer */

#footerSpacer {
    height: 30px;
    max-height: 30px;
    min-height: 30px;
} 

#footer {
    width : 100%;
    border-top: 0px solid #C0C0C0;
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
    text-align : center;
    float: right;
} 

#footer p {
    font-family : verdana, arial, geneva, sans-serif; 
    font-size : 10px; 
    font-weight : normal; 
    line-height : 16px;
    padding: 0px 0px;
    margin: 0;
    width : 100%;
    color : #666666; 
} 

#footer a {
    font-family : verdana, arial, geneva, sans-serif; 
    text-decoration : none; 
    text-transform: capitalize;
    color : #666666; 
} 

#footer a:hover {
    font-family : verdana, arial, geneva, sans-serif; 
    text-decoration : none; 
    color : #5b4f45; 
} 

#credit {
    background-image : url(../images/trademarkSmall.gif);
    background-position : bottom left;
    background-repeat :no-repeat;
    padding-left : 20px;
}

/* Checkout */

.checkout {
    width: 525px;
    font-family: verdana;
    font-size: 11px;
    line-height: 16px;
    float: right;
    padding: 7px 5px;
    color: #646464;
    margin:0px;
    /* text-align: justify; */
}

.checkout strong {
    font-family: verdana;
    font-size: 11px;
    color: #02b8bb;
    /* text-align: justify; */
}

.checkout a {
    color: #646464;
    text-decoration: none;
    text-transform: capitalize;
}

.checkout a:hover {
    text-decoration: underline;
}

.checkout span {
    margin: 0px 5px;
}



/* Coloured Bar - From admin */

.listBar {
    font-size : 11px;
    height: 20px;
    max-height: 20px;
    background: #2c8283;
    border-bottom: 2px solid #276a6b;
}

.listBar ul  {
    padding: 5px 5px;
    padding-right: 0px;
    margin: 0;
    list-style: none;
    top: 0;
    right: 0;
}

.listBar li {
    float: left;
    padding: 0;
    margin: 0;
    border-left: 1px solid #3ea6a8;
}

.listBar ul a:link, .listBar ul a:visited {
    display: block;
    padding-left : 5px;
    text-decoration: none;
    border-left: 1px solid #276a6b;
    color: #ffffff;
}


/* List items - grey back */

.listItem1 {
    font-size : 11px;
    height: 65px;
    max-height: 65px;
    background: #f9f9f9;
    border-bottom: 1px solid #e5e5e5;
}

.listItem1 img {
    width: 50px;
}

.listItem1 ul  {
    padding: 0px 8px;
    padding-right: 0px;
    margin: 0;
    list-style: none;
    border-left: 1px solid #f9f9f9;
    top: 0;
    right: 0;
}

.listItem1 li {
    float: left;
    padding: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    margin: 0;
    border-left: 1px solid #f9f9f9;
}

.listItem1 ul a:link, .listItem1 ul a:visited {
    display: block;
    float: left;
    text-decoration: underline;
    border-left: 1px solid #f9f9f9;
    color: #555555;
} 

/* List items - white back */

.listItem2 {
    font-size : 11px;
    height: 65px;
    max-height: 65px;
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
}

.listItem2 img {
    width: 50px;
}

.listItem2 ul  {
    margin: 0;
    list-style: none;
    padding: 5px 8px;
    padding-right: 0px;
    border-left: 1px solid #ffffff;
    top: 0;
    right: 0;
}

.listItem2 li {
    float: left;
    padding: 0;
    margin: 0;
    padding-bottom: 5px;
    border-left: 1px solid #ffffff;
}

.listItem2 ul a:link, .listItem2 ul a:visited {
    display: block;
    float: left;
    text-decoration: underline;
    border-left: 1px solid #ffffff;
    color: #555555;
} 

.button {
    padding: 0px 5px;
    margin: 0px;
    height : 20px;
    font-size: 11px;
}

.quantity {
    width: 20px;
}

.textBox {
    padding: 0px 0px;
    margin: 1px;
    height : 14px;
    width : 50px;
    font-size: 11px;
}

.textBoxX {
    padding: 0px 0px;
    margin: 1px;
    height : 14px;
    width : 100px;
    font-size: 11px;
}

.textareaX {
    padding: 0px 0px;
    margin: 1px;
    width : 150px;
    font-size: 11px;
}

.textBoxXX {
    padding: 0px 0px;
    margin: 1px;
    height : 14px;
    width : 150px;
    font-size: 11px;
}

.textBoxXXX {
    padding: 0px 0px;
    margin: 1px;
    height : 14px;
    width : 220px;
    font-size: 11px;
}

.textBoxXXXX {
    padding: 0px 0px;
    margin: 1px;
    height : 14px;
    width : 300px;
    font-size: 11px;
}

#update_button {
    text-align: right;
    width: 97px;
    display: block;
}

#updateCart {
    border: 0px;
    text-decoration: underline;
    color: #555555;
    cursor: pointer;
    margin: 0;
    padding: 0;
    font-size: 11px;
    width: 70px;
    font-face: geneva;
    background: transparent;
}

.total_trailer {
    clear: both;
    display: block;
    width: 392px;
}

.total_trailer .left {
    width: 322px;
    text-align: right;
    display: block;
    float: left;
}

.total_trailer .right {
    width: 65px;
    display: block;
    text-align: right;
    float: left;
}

.red {
    color: #ff0000;
    font-weight: bold;
    font-size: 1.1em;
}