body
{
    margin : 0px;
    padding : 0;
    background-color : rgb(45 , 50 , 51);
    background-image : none;
    background-position : left top;
    background-repeat : repeat;
    color : rgb(0 , 0 , 0);
    font-family : Arial , Helvetica , sans-serif;
    font-size : 12px;
}
#pageSurround
{
    width : 748px;
    margin : 0px auto;
    padding : 5px;
    background-color : rgb(255 , 255 , 255);
    color : fff;
}
#PageOuter
{
    width : 834px;
    margin : 0 auto;
    padding : 0;
}
#Header
{
    text-align : right;
    height : 90px;
    width : 748px;
    margin : 0 0 0px 0;
    padding-bottom : 6px;
    /* SKIN VARIABLE IS cAsE SeNsItIvE */
background-image : url("../styleImages/logo/default.gif");
    background-repeat : no-repeat;
    background-position : left top;
    background-color : rgb(255 , 255 , 255);
    color : rgb(255 , 255 , 255);
}
/**TOP BOXES 
*************/
.SmallHeader
{
    font-size : 11px;
    color : rgb(255 , 255 , 255);
    text-transform : uppercase;
}
#Currency
{
    padding : 15px 35px 2px 0;
}
#Language
{
    padding-right : 10px;
    margin-bottom : 3px;
}
#Session
{
    /*Required as Language & Currency Boxes are not used within general Cart.tpl pages*/
margin-top : 5px;
    width : auto;
    height : 10px;
    padding : 0 0 5px 5px;
    text-align : left;
}
#Login
{
    text-align : left;
    font-size : 11px;
    color : rgb(96 , 172 , 186);
    text-transform : uppercase;
    margin : 0;
    padding : 0 3px 0 0;
    width : auto;
    float : right;
    font-weight : bold;
}
#Login p
{
    margin : 0;
    padding-top : 0px;
}
#Login a
{
    color : rgb(96 , 172 , 186);
    text-decoration : none;
}
#Login a:hover
{
    text-decoration : none;
    color : rgb(96 , 172 , 186);
}
/**LEFT COLUMN SECTION
************************/
#LeftColumn
{
    position : relative;
    left : 0px;
    width : 190px;
    padding : 10px 0 0 5px;
    float : left;
    font-size : 12px;
    z-index : 20;
    background-color : rgb(79 , 86 , 89);
}
/**LEFT COLUMN HEADINGS
************************/
.subHeading
{
    margin : 0;
    padding : 0;
    color : rgb(166 , 194 , 81);
    height : 30px;
    width : 100%;
    border-bottom : 1px dotted rgb(166 , 194 , 81);
}
.subHeading h3
{
    margin : 0;
    padding : 5px 0 0 5px;
    color : rgb(166 , 194 , 81);
    font-size : 13px;
    font-weight : normal;
    text-transform : uppercase;
    text-align : left;
    float : left;
}
.subHeading h3 a
{
    color : rgb(166 , 194 , 81);
    text-decoration : none;
    border : none;
    padding-right : 50px;
}
.subHeading h3 a:hover
{
    color : rgb(96 , 172 , 186);
    text-decoration : none;
    border : none;
    padding-right : 50px;
}
/**LEFT COLUMN SIDE BOXES
*************************/
.LeftBox
{
    margin : 0 0 5px 0;
    padding : 0 0 2px 0;
    width : 185px;
}
.LeftBox a
{
    color : rgb(255 , 255 , 255);
    text-decoration : none;
}
.LeftBox a:hover
{
    color : rgb(96 , 172 , 186);
    text-decoration : bold;
}
/**LEFT COLUMN - MAILING LIST
*******************************/
.LeftBox.border
{
    border-top : 2px dotted rgb(166 , 194 , 81);
    padding-top : 7px;
    padding-bottom : 4px;
    color : rgb(255 , 255 , 255);
    background : rgb(79 , 86 , 89);
}
/**LEFT COLUMN - INFORMATION BOX
**********************************/
.LeftBox p#nudge
{
    margin : 0 0 0 10px;
    color : rgb(255 , 255 , 255);
    background : rgb(79 , 86 , 89);
}
/**START CROSS-BROWSER DHTML MENU
**********************************/
#mainmenu-nav
{
    float : left;
    display : inline;
    /*fixes IE6 float bug*/
font-size : 11px;
    margin : 0;
}
.ul-nav, .li-nav
{
    font-size : 11px;
    display : block;
}
.ul-nav
{
    width : 190px;
    padding : 0px;
    font-size : 11px;
}
.li-nav
{
    float : left;
    display : inline;
    font-size : 11px;
}
.li-nav .ul-nav
{
    display : none;
    position : absolute;
    margin-left : 100px;
    margin-top : -19px;
    background-color : rgb(79 , 86 , 89);
    border-left : 1px solid rgb(255 , 255 , 255);
    border-right : 1px solid rgb(255 , 255 , 255);
    border-bottom : 1px solid rgb(255 , 255 , 255);
    border-top : 4px solid rgb(255 , 255 , 255);
    z-index : 5;
    font-size : 11px;
}
.li-nav a
{
    padding : 4px;
    font-size : 12px;
    width : 183px;
    display : block;
    text-indent : 2px;
    font-family : Arial , Helvetica , sans-serif;
    color : rgb(255 , 255 , 255);
    text-decoration : none;
}
.li-nav a:hover
{
    padding : 4px;
    width : 186px;
    display : block;
    text-indent : 2px;
    font-family : Arial , Helvetica , sans-serif;
    color : rgb(96 , 172 , 186);
    text-decoration : bold;
}
a.hassubmenu
{
    background-image : url("../styleImages/more.gif");
    background-repeat : no-repeat;
    background-position : 178px 6px;
}
/**HIGHTLIGHTING EFFECT ON SUB-CATS
************************************/
.ul-nav .li-nav a.hassubmenu:hover
{
    color : rgb(96 , 172 , 186);
}
/**CLEARING FLOATING ELMENTS
*****************************/
.clearfix
{
    content : ".";
    display : block;
    height : 0;
    clear : both;
    visibility : hidden;
}
/* Hides from IE-mac \*/
 html .clearfix
{
    height : 1%;
}
/**VIEWCART NAVIGATION
************************/
ul#CartNav
{
    list-style-type : none;
    margin : 0;
    padding : 0;
}
ul#CartNav li
{
    margin : 0;
    padding : 0;
}
ul#CartNav li a
{
    background-image : url("../styleImages/more.gif");
    background-repeat : no-repeat;
    background-position : 5px 6px;
    padding : 2px 2px 2px 15px;
    color : rgb(45 , 50 , 51);
    background : rgb(255 , 255 , 255);
    text-decoration : none;
}
ul#CartNav li a:hover
{
    background-image : none;
    padding : 2px 2px 2px 15px;
    color : rgb(96 , 172 , 186);
    background : rgb(255 , 255 , 255);
    text-decoration : none;
}
/**RANDOM PRODUCTS 
********************/
#RandProduct
{
    height : 100%;
    padding : 10px 0 20px 0;
}
#RandImage
{
    float : left;
    display : inline;
    /*fixes IE6 float bug*/
margin : 0 10px 0 0;
    padding : 0 0 0 0;
}
#RandText
{
    color : rgb(201 , 225 , 229);
}
/**MAIN CONTENT SECTION
************************/
#Content
{
    position : relative;
    width : 537px;
    float : left;
    margin : 0 0 0 15px;
    padding : 0;
}
#Content p
{
    margin-left : 10px;
}
#ContentBox
{
    padding : 3px;
    margin-bottom : 5px;
    margin-top : 0px;
    position : relative;
    z-index : 1;
}
/**GENERAL HEADERS
********************/
.Title
{
    color : rgb(79 , 86 , 89);
    background : rgb(255 , 255 , 255);
    height : 30px;
    padding : 0;
    margin : 0;
}
h1
{
    font-size : 13px;
    color : rgb(201 , 225 , 229);
    background : rgb(79 , 86 , 89);
    font-weight : bold;
    text-transform : uppercase;
    padding : 6px 0 6px 5px;
    margin : 0;
}
h2
{
    font-size : 13px;
    color : rgb(201 , 225 , 229);
    background : rgb(79 , 86 , 89);
    font-weight : bold;
    text-transform : uppercase;
    padding : 6px 0 6px 5px;
    margin : 0;
}
h3
{
    font-size : 13px;
    color : rgb(201 , 225 , 229);
    font-weight : bold;
    text-transform : uppercase;
    background : rgb(79 , 86 , 89);
    padding : 6px 0pt 6px 5px;
}
h4
{
    font-size : 13px;
    color : rgb(166 , 194 , 81);
    background : rgb(255 , 255 , 255);
    font-weight : bold;
    text-transform : uppercase;
}
/**BREADCRUMB TRAIL & PAGINATION
**********************************/
#BreadCrumb
{
    margin-bottom : 5px;
}
.pagination
{
    text-align : right;
    padding-top : 5px;
    padding-bottom : 5px;
}
/**SITE DOCUMENTS
*******************/
#SiteDocs
{
    text-align : center;
    margin : 0;
    padding : 8px 0;
    color : rgb(201 , 225 , 229);
    background : rgb(45 , 50 , 51);
    text-transform : uppercase;
    font-size : 11px;
    height : 18px;
}
#SiteDocs a:link, #SiteDocs a:visited, #SiteDocs a:hover
{
    color : rgb(201 , 225 , 229);
    text-decoration : none;
    font-weight : bold;
}
#SiteDocs a:hover
{
    color : rgb(96 , 172 , 186);
}
#Footer
{
    text-align : center;
    color : rgb(255 , 255 , 255);
    font-size : 10px;
    background-color : rgb(45 , 50 , 51);
    margin-bottom : 0px;
}
#TAF
{
    text-align : center;
    color : rgb(255 , 255 , 255);
    font-size : 10px;
    background-color : rgb(255 , 255 , 255);
    margin-bottom : 1px;
    margin-top : 3px;
}
/**HOME PAGE INTRODUCTION TEXT
*******************************/
#Announcement
{
    padding : 0px;
    margin-bottom : 5px;
    margin-top : 0px;
    position : relative;
    z-index : 1;
}
#Announcement p
{
    margin : 5px 5px 0 5px;
    line-height : 16px;
}
#boxContent
{
    font : Arial , Helvetica , sans-serif;
    font-size : 10px;
    color : rgb(0 , 0 , 0);
}
/**LATEST PRODUCTS - HOMEPAGE
*******************************/
#LatestProducts
{
    padding : 3px;
    margin : 0;
    position : relative;
    z-index : 1;
    height : 100%;
}
#Inner
{
    margin : 5px;
    padding : 0;
}
.LPBox
{
    float : left;
    text-align : center;
    width : 115px;
    height : 145px;
    margin : 5px 5px 20px 5px;
    padding : 0;
}
.LPImage
{
    float : none;
    text-align : center;
    padding : 5px 0;
    margin : 3px auto;
    border : 1px solid rgb(204 , 204 , 204);
}
.LPName
{
    text-align : center;
    font-size : 12px;
    margin : 0;
    padding : 2px 0;
    width : 100%;
    color : rgb(45 , 50 , 51);
}
.LPName a:link, .LPName a:visited
{
    color : rgb(45 , 50 , 51);
    background : rgb(255 , 255 , 255);
    text-decoration : none;
    padding : 0;
    margin : 0;
}
.LPName a:hover
{
    color : rgb(96 , 172 , 186);
    background : rgb(255 , 255 , 255);
    text-decoration : none;
}
.LPPrice
{
    height : 20px;
    width : 100%;
    text-align : center;
    font-size : 12px;
    margin : 0;
    padding : 2px 0;
    text-transform : uppercase;
    color : rgb(96 , 172 , 186);
}
/**CATEGORY VIEW 
********************/
#CatDescription
{
}
/**SUB CATEGORY IMAGE DISPLAY
******************************/
#SubCategories
{
    float : left;
    display : inline;
    /*fixes IE6 float bug*/
text-align : center;
    margin : 10px auto 5px;
    padding : 0;
    width : 100%;
    height : auto;
}
.subCat
{
    float : left;
    display : inline;
    /*fixes IE6 float bug*/
text-indent : 0;
    margin : 5px 5px 10px 5px;
    text-align : center;
    padding : 5px;
}
.subCat a
{
    color : rgb(45 , 50 , 51);
    background : rgb(255 , 255 , 255);
    text-decoration : none;
}
.subCat a:hover
{
    text-decoration : none;
    color : rgb(143 , 201 , 92);
}
.subCat img
{
    border : 1px solid rgb(204 , 204 , 204);
    padding : 5px;
}
/*.catview {
	margin:0 10px;
	padding:0;
	width:100%;
	}

.catimage {
	width:auto;
	height:auto;
	border-bottom:1px dotted #CCC;
	padding:0;
	margin:0;
	}

.catinfo {
	border-bottom:1px dotted #CCC;
	margin-right: 10px;
	}

.catInner {
	margin:10px 0;
	border-left:1px dotted #ccc;
	}

.catview a {
	color:#7D5D82;
	text-decoration:none;
	}

.catview p {line-height:12px;}*ORIGINAL CAT VIEW CODING
*****************************/
.catview
{
    margin : 5px 0;
    padding : 0;
    width : 98%;
    border-top : 1px dotted rgb(204 , 204 , 204);
}
.catsep
{
    border-bottom : 1px dotted rgb(204 , 204 , 204);
    border-right : 1px dotted rgb(204 , 204 , 204);
    padding-right : 8px;
    padding-bottom : 5px;
}
.catsep h2, .catsep h2 a
{
    font-size : 13px;
    color : rgb(79 , 86 , 89);
    background : rgb(255 , 255 , 255);
    font-weight : bold;
    text-transform : uppercase;
    padding : 6px 0 6px 5px;
    margin : 0;
}
.catsep h2 a:hover
{
    background : rgb(255 , 255 , 255);
    color : rgb(79 , 86 , 89);
}
.catimage
{
    padding : 0;
    margin : 0;
}
.catview a
{
    color : rgb(79 , 86 , 89);
    text-decoration : none;
}
.catview p
{
    line-height : 12px;
}
.catview .Price
{
    color : rgb(79 , 86 , 89);
    background : rgb(255 , 255 , 255);
}
/**SINGLE PRODUCT PAGE
************************/
#SingleProd
{
    padding : 3px;
    margin-bottom : 20px;
    position : relative;
    z-index : 1;
}
#MainProdImage
{
    text-align : center;
    margin : 10px auto;
    padding : 0;
    width : auto;
    height : auto;
}
#MoreImages
{
}
/**LIGHTBOX GALLERY
********************/
#LightBoxGallery
{
    height : auto;
    width : auto;
    margin : 0 auto;
    padding : 0;
    text-align : center;
}
.LightBox
{
    float : left;
    margin : 0 0 30px 15px;
    height : 1%;
}
.LightBoxImage
{
    text-align : center;
    margin : 0;
    padding : 5px;
    border : 1px solid rgb(204 , 204 , 204);
}
/**PRODUCT DESCRIPTION
***********************/
#ProdDescription
{
    text-align : left;
    padding : 0;
    margin-bottom : 20px;
    color : rgb(45 , 50 , 51);
    background : rgb(255 , 255 , 255);
}
#ProdDescription h2
{
    margin : 0 0 0 0;
    padding-left : 5px;
    padding-bottom : 5px;
    font-weight : bold;
    background : rgb(255 , 255 , 255) none repeat scroll 0%;
    color : rgb(79 , 86 , 89);
    font-size : 13px;
    text-transform : uppercase;
}
/**PRODUCT INFO - PRICE, RATING, TELL A FRIEND
************************************************/
#ProdInfo
{
    border-top : 1px dotted rgb(204 , 204 , 204);
    border-bottom : 1px dotted rgb(204 , 204 , 204);
    padding : 5px 0;
    margin : 0;
    text-align : left;
    height : 60px;
    width : 100%;
}
#ProdPrice
{
    float : left;
    display : inline;
    /*used to fix IE6 double margin bug with floated elements */
width : 30%;
    height : 66%;
    font-size : 18px;
    padding : 8px 0 0 0;
    margin : 0;
    text-align : center;
    color : rgb(45 , 50 , 51);
    background : rgb(255 , 255 , 255);
}
#ProdReviews
{
    float : left;
    display : inline;
    /*used to fix IE6 double margin bug with floated elements */
height : 90%;
    width : 29%;
    margin : 0 auto;
    text-align : center;
    padding : 3px 5px 3px 0;
    border-right : 1px dotted rgb(204 , 204 , 204);
    border-left : 1px dotted rgb(204 , 204 , 204);
    background : rgb(255 , 255 , 255);
}
#ProdReviews a
{
    color : rgb(45 , 50 , 51);
    background : rgb(255 , 255 , 255);
    text-decoration : none;
}
#ProdReviews a:hover
{
    text-decoration : none;
    color : rgb(143 , 201 , 92);
}
#TellAFriend
{
    float : left;
    display : inline;
    /*used to fix IE6 double margin bug with floated elements */
width : 37%;
    height : 100%;
    margin : 0;
    padding : 5px 0 0 0;
    background : white;
}
#TellAFriend ul
{
    display : block;
    margin : 0 0 0 10px;
    padding : 0;
    font-size : 11px;
    text-align : left;
    text-transform : uppercase;
}
#TellAFriend a
{
    color : rgb(45 , 50 , 51);
    background : rgb(255 , 255 , 255);
    text-decoration : none;
}
#TellAFriend a:hover
{
    color : rgb(143 , 201 , 92);
    background : rgb(255 , 255 , 255);
    text-decoration : none;
}
/**PRODUCT OPTIONS
********************/
#ProdOptions
{
    margin : 0;
    text-align : left;
    text-transform : capitalize;
    font-size : 15px;
    font-weight : bold;
    width : auto;
    padding : 0;
    color : rgb(45 , 50 , 51);
    background : rgb(255 , 255 , 255);
}
#Options
{
    margin : -10px 0 0 0;
    padding : 0 0 0 10px;
    text-transform : none;
    font-size : 13px;
    font-weight : bold;
    color : rgb(45 , 50 , 51);
    background : rgb(255 , 255 , 255);
}
.OptionsStyle
{
    border : 1px solid rgb(204 , 204 , 204);
    width : auto;
}
/**PRODUCT CODE & STOCK AVAILABILITY
**************************************/
#ProdLevels
{
    text-align : left;
    margin : 30px 0 0 0;
    padding : 0;
    font-weight : bold;
    font-size : 12px;
    color : rgb(45 , 50 , 51);
    background : rgb(255 , 255 , 255);
}
#ProdLevels p
{
    margin : 0;
    padding : 0;
}
/**ADD TO CART BLUE BACKGROUND
*******************************/
#ProdBuy
{
    color : rgb(45 , 50 , 51);
    background : rgb(255 , 255 , 255);
    font-size : 14px;
    width : 520px;
    margin : 10px 10px 10px 0;
    padding : 10px 10px 10px 0;
    position : relative;
    text-align : right;
}
#ProdBuyLogin
{
    color : rgb(45 , 50 , 51);
    background : rgb(255 , 255 , 255);
    font-size : 14px;
    width : 520px;
    margin : 10px 10px 10px 0;
    padding : 5px 10px 5px 0;
    position : relative;
    text-align : right;
}
#ProdBuy a
{
    line-height : 22px;
    font-size : 12px;
    padding : 0 10px;
    margin : 2px 0 0 0;
    text-transform : uppercase;
    text-decoration : none;
}
/**COUPONS
************/
.addCoupon:link, .addCoupon:visited, .addCoupon:hover, .addCoupon:active
{
    font-weight : bold;
    color : rgb(45 , 50 , 51);
    background : rgb(255 , 255 , 255);
    text-decoration : none;
}
/**CUSTOMER REVIEWS - SUBMISSIONS
**********************************/
#CustomerReviews
{
}
#CustomerReviews p
{
    margin-left : 10px;
}
.SubmitReview
{
    padding-right : 60px;
}
.right
{
    text-align : right;
}
.right span
{
    font-weight : bold;
    float : left;
}
/**CUSTOMER REVIEWS POSTED
***************************/
.ReviewEntry
{
    margin : 0;
}
.ReviewRatings
{
    color : rgb(255 , 255 , 255);
    background : rgb(79 , 86 , 89);
    padding : 3px;
}
.ReviewContent
{
    padding : 3px;
    font-style : italic;
    border-bottom : 1px dotted rgb(204 , 204 , 204);
    color : rgb(45 , 50 , 51);
    background : rgb(255 , 255 , 255);
}
.ReviewTitle
{
    text-transform : uppercase;
}
.ReviewedBy
{
    color : rgb(217 , 6 , 114);
    background : rgb(255 , 255 , 255);
    padding : 3px;
}
.Date
{
    color : rgb(217 , 6 , 114);
    background : rgb(255 , 255 , 255);
    float : right;
}
/**RELATED PRODUCTS
*********************/
.LPInfo
{
    color : rgb(45 , 50 , 51);
}
 html .LPInfo
{
    width : 100%;
}
/**SITE BUTTONS
*********************/
.buttonBg
{
    text-align : center;
    background-image : url("../styleImages/backgrounds/ButtonBg.gif");
    background-repeat : repeat-x;
    height : 26px;
    color : rgb(255 , 255 , 255);
}
