﻿body{font-family: sans-serif,Arial, Trebuchet MS, Verdana, Tahoma, helvetica, sans-serif; font-size: 12px; background-color: #000000; font-weight: normal; margin: 0px 0px 5px;}

h1 { color: #ffffff; font-size: 15px; font-weight: boldl}
h2 { font-size: 14px; font-weight: bold; color: #ffffff}
h3 { color: #ffffff; font-size: 14px;}
h4 { color: #ffffff;font-size: 12px; margin-top: 15px;}
h5 { font-size: 12px; color:#ff0086}
p  { font-size: 12px; font-weight: normal; color: white; text-decoration: none; margin-top: 12px; margin-bottom: 12px;}
p.InnerHead { font-size: 11px; color: white; font-weight: bold; margin-top: 8px; margin-bottom: 8px;}
a:link { color:white; text-decoration: underline; font-style: normal;}
a:visited { color: white; text-decoration: none;  font-style: normal;}
a:hover{opacity:0.9;	filter:alpha(opacity=90)}

#lightbox{ background-color:#eee; padding: 10px; border-bottom: 2px solid #666;	border-right: 2px solid #666;}
#lightboxDetails{ font-size: 0.8em; padding-top: 0.4em;}	
#lightboxCaption{ float: left; }#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image:url(../../Images/overlay.png); }
* html #overlay{ background-color: #333; background-color: transparent;	background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../Images/overlay.png", sizingMethod="scale");	}

.outer {position: relative;width: 980px;margin: 0 auto;}
.left {float:left; width:190px;}
.centre {float:left; width: 560px;}
.CentreProduct { margin-left:20px;float: left;width: 760px;}
.CentreShopping { float: left;width: 980px;}
.right {float :right; width: 200px;}
.footer {float: left; width: 980px; color: #ffffff;}
.footer-line {margin-bottom: 15px; background-color: #ffffff; width: 980px; height:1px;}
.footer-links { margin-bottom: 20px;}
.copyright { color: #ffffff; text-align:center; font-weight: bold;}

.paypalex { color:white; font-size:large;}
.PagingText { font-size: 10px; font-weight: bold; color: Gray;}
.LanguageSwitching a { text-decoration: none; font-weight: bold; color: White;}
.BreadCrumb { padding-left: 20px; font-size: 11px; font-weight: normal; color: white;}
.Articlebase { text-align:left;}

.CategoryNavListHeader {color: silver; background-color: #800000; text-align: center;}
.CategoryNavListContent { border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid;  border-bottom: black 1px solid; background-color: #ffffff; text-align: center; width: 160px; margin: 10px;}
.CategoryNavListItem { text-decoration: none;}
.CategoryListHeader { font-weight: bold;}
.CategoryListItem { vertical-align: bottom;}
.CategoryListContent { width: 100%;}
.CategoryListName { color: Gray;}
.CategoryListDescription { }

.banner {float:left;margin-left:10px; text-align:center;}
.newsletter { margin-bottom: 10px;}
.logo-align {margin-top: 10px; margin-bottom: 10px; text-align:center;}

.ProductListHeader { font-weight: bold;}
.ProductListItem { vertical-align: bottom; }
.ProductListContent {width: 100%;}
.ProductListName { border-left: 5px; border-right: 5px; color: #0066ff; font-size:small; text-align: center;  height: 40px;}
.ProductListName A:link { text-decoration:none;}
.ProductListName A:hover { text-decoration:underline; color: #ffffff;}
.ProductListName a:visited { text-decoration:none; color: #ffffff;}
.TotalRight{   text-align: left; }
.ProductListDescription { color:White;}

.ProductImage {max-height:300px; max-width:200px; margin-bottom: 25px;}
.CategoryImage {max-height:200px; max-width:200px}
.ProductImageDetails  {margin-top: 10px}
.ProductDetails {padding-left:20px; width: 760px;}
.ProductDetailsImage {float: left; width:240px;  }
.ProductDetailsPrice {color:white; float: left;width: 100px;text-align:center;}
.ProductDetailsName {margin-bottom: 10px; text-align:center; color: #ffffff}
.ProductDetailsShortDescription { width: 90%; margin-left: 30px;margin-top: 10px; color:white}
.ProductDetailsLongDescription {}
.ProductDescription {float:right;width: 400px;color:White;background-image: url(../../Images/Design/background/td_gray_product.jpg);}
.ProductPrice { color: #3296F4; font-size: 16px; font-weight:bold; margin-bottom: 10px;}
.ProductQuantity { margin-bottom: 10px;}
.ProductButton { margin-top:10px;}
.ProductLeft {float:left; width:400px;}
.ProductLeftDetails {height:210px;}
.ProductRight {float: right;width:350px; }
.ProductRelated {float:left; margin-top:50px;width:300px;}
.ProductBack {}


.random { margin-left: 20px;color: white;}
.RandomListName { margin-bottom: 20px;color: #0066ff; font-size:small; text-align: center; height: 25px;}
.RandomImage { height: 100px;text-align:center;}
.RandomImageLeft {width:50%; float: left;text-align:center;}
.RandomImageRight {margin-top: 20px;margin-bottom: 30px;width:50%; float: right;}
.RandomBorder { width: 230px; background-image: url(../../Images/Design/background/td_gray.jpg); height: 150px;}
.RandomImageSize { max-height: 100px; max-width: 100px;}
.RandomListName A:link { text-decoration:none;}
.RandomListName A:hover { text-decoration:underline; color: #ffffff;}
.RandomListName a:visited { text-decoration:none; color: #ffffff;}
.RandomMore {margin-top: 10px;}
.RandomMore a:link { text-decoration:none; color: #f80092;}
.RandomMore a:hover { text-decoration:underline; color: #f80092;}
.RandomMore a:visited { text-decoration:none; color: #f80092;}
.RandomOurPrice { font-size: 13px;}
.RandomAlign {width: 100%; text-align: center;}

td.ShippingAddressLabelColumn { padding: 0px 30px 0px 10px; font-weight: bold; color: #000000; text-align: left; color:white;}
td.ShippingAddressDataColumn { padding: 0px 30px 0px 10px; text-align: left; color:white;}

.ImageSize{ max-width:150px; margin-left:20px;}

.GridRowStyle
{
    background-color: #ececec;
}

.GridHeadStyle{}

.TableHead
{
    
}



.TableAlter
{
    background-color: #000000;
    color: White;
}

.TableRow
{
    background-color: #000000;
    color: White;
}

.Tabletext
{
    color:White;   
}

.tableAdvancedSearch
{
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
}

.tableAdvancedSearch td
{
    width: 25%;
}
.righttitleLayout
{
    text-align: left;
    font-size: 13px;
    color: white;
    text-decoration:none;      
    margin-top:10px;  
}

.titleLayout
{
    text-align: left;
    font-size: 13px;
    color: white;
    text-decoration:none;
    padding-left: 10px;
	padding-right: 10px;
    border: solid .5px #9d9d9d;
	-moz-border-radius: 5px;
	margin-bottom:20px
}
#deliverylayout
{
    text-align: left;
    font-size: 13px;
    color: white;
    text-decoration:none;
    padding-left: 10px;
	padding-right: 10px;
    margin-bottom:20px
}

.promotext{margin-top:5px; margin-bottom: 5px; line-height: 15px}

.titleLayout a:link
{
    text-decoration:none; 
    
}
.titleLayout a:hover
{
    color: #f80092; 
    }
.titleVerify
{
    text-align: left;
    font-size:small;
    color:white;
    padding-left: 5px;
}


.LinkLayoutHead
{
    font-weight: bold;
}

.LinkLayoutHead a
{
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
}

.LinkLayoutHead a:Hover
{
    text-decoration: none;
    color: #000000;
}

.LinkCategory a
{
    text-decoration: none;
}

.LinkCategory a:hover
{
    text-decoration: none;
}

.NoBorder
{
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

.AlternateRow
{
    background-color: #000000;
}

.NoteText
{
    font-weight: bold;
    color: gray;
}

.leftlink
{
    text-align: left;
}

.ValidateText
{
    color: red;
}

.ErrorHeader
{
    color: Red;
    font-weight: bold;
}

.ErrorBody
{
    color: Red;
    font-weight: normal;
}

.LoginName
{
    font-weight: bold;
    color: white;
}

.LogOutText
{
    font-weight: bold;
    color: white;
}

.TextCenter
{
    text-align: center;
}

.PageNumber
{
    color:White;
    text-align: right;
    margin-left: auto;
    margin-right: 10px;
}
.CssList
{
    list-style-image: url(../../Images/Design/VevoMyAccountBullet.png);
}
.CssNoLine
{
    text-decoration: none;
}
.TextHide
{
    color: white;
}
.NewsBar
{
    background-image: url(../../Images/Design/NewsBar.png);
    background-repeat: repeat-x;
    height: 14px;
}
NewsBoxCenter
{
    font-size:12px;
}

.Flash
{
background-color: Black;
}

/*Edit Option of Product*/
.OptionPrice
{
    color: #800000;
    font-style: italic;
}
.OptionItemName
{
}

.OptionDisplayText
{
    font-weight: bold;
    color: gray;
}

/**** For image option front end ****/
.OptionImg
{
    width: 20px;
}
.NewsDate a
{
    color: #f80092;
    margin-right: 5px;
    text-decoration: none;
}

.NewsText a
{
    color: #ffffff;
    text-decoration: none;
}

.NewsMore a
{
    color: #3296F4;
    text-decoration: none;
}

span.Asterisk
{
    color: Red;
    font-weight: bold;
}

h1.GatewayPosting
{
    margin: 30px;
    text-align: center;
    font-size: 24px;
}

p.GatewayPosting
{
    margin: 20px;
    font-size: 16px;
    text-align: center;
}

body.DomainKeyError
{
    font-size: 14px;
}

body.DomainKeyError p
{
    font-size: 14px;
}

body.DomainKeyError li
{
    margin-top: 10px;
    margin-bottom: 10px;
}

div.GroupBox
{
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    background-color: #f9f9f9;
    padding: 10px;
}

.TableClientHead
{
    background-color: #3399cc;
    color: white;
    font-weight: bold;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
}

.RatingRadio td
{
    text-align: center;
}

.RightFloat
{
    float: right;
    vertical-align: middle;
}

Div.MainContent
{
    width: 100%;
    text-align: center;
    }

.NewsDetailsPage
{
    margin: 20px 30px 20px 30px;
}

.NewsHeader
{
    text-align: center;
    margin: 30px 0 20px 0;
}

.NewsImage
{
    text-align: center;
}

.NewsContent
{
    color:White;
    text-align: Center;
    margin: 30px 0 20px 0;
}
.LoginBox {margin:0 auto ;background-image: url(../../Images/Design/background/td_gray.jpg); margin-top: 20px; margin-bottom: 20px; width:300px; }
.RegisterBox {font-weight:bold; color: #ffffff;text-align:center; width: 980px;margin-top:10px; }
#PrintArea{text-align:center}
.TableAlign {text-align:center;}
.RegisterBoxTitle {font-weight:bold;color: #ffffff;font-size: 16px;text-align:center; width: 980px;margin-top:10px; }
.UserLoginTop { text-align: left;  color: Red;  font-family:Verdana; font-size:larger;  font-weight:bold; }
.UserLoginDetail { text-align: left; color: white; }
.UserLoginRegisterPanel { float: left; width: 30%; text-align: left; margin-left: 20px; color: Gray;}
.UserLoginRegisterTitle { font-weight: bold; text-decoration: underline;}
.UserLoginRegisterDescription { margin-top: 5px;}
.UserLoginRegisterLink { margin-top: 10px;}
.UserLoginLoginControl { color: gray; width: 100%;}
.UserLoginPanelTitle { text-align: left;  color: #ffffff; font-family:Verdana; font-size:larger; font-weight:bold;}
.UserLoginPanelDescription { margin-top: 5px;text-align: left;}
.UserLoginPanelName{ clear: both; padding-top: 5px;}
.UserLoginPanelName label {float: left;width: 100px; margin-top: 3px;color: gray;}
.UserLoginPanelName input { float: left; color: gray; border: solid 1px #6A85BB;}
.UserLoginPanelName span{float: left;margin-left: 10px;margin-top: 3px;}
.UserLoginPanelPassword {clear: both;}
.UserLoginPanelPassword label { float: left; width: 100px; margin-top: 3px; color: white;}
.UserLoginPanelPassword input { float: left; color: black; border: solid 1px #6A85BB;}
.UserLoginPanelPassword span { float: left; margin-left: 10px; margin-top: 3px;}
.UserLoginPanelRemember { clear: both; color:white; text-align: left; height: 20px; line-height: 20px; vertical-align: middle;}
.UserLoginPanelRemember input
{
    float: left;
}
.UserLoginPanelRemember label
{
    float: left;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    display: block;
}

.UserLoginPanelButton
{
    margin-top: 5px;
}
.UserLoginForgotPassword
{
    margin-top: 10px;
    color: white;
}
.UserLoginForgotPassword a
{
    color: white;
}
.alignment
{
 margin-left: 10px;
 margin-right: 10px;
 text-align:center;
}
.centred
{
  text-align:center;
}
.article
{
  text-align: left;
  margin-left: 5px;
  color: white; 
  
}
.bestseller
{
    margin-left: 30px;
    text-align: left;   
}
.NewUserTitle
{
    color:#ffffff;
}
.Searchborder
{
    width: 450px;
    float: right;    
}
.searchalign
{     
    text-align:left;
    font-size: 11px;
    margin-top: 30px;
}
.SearchLine
{
   vertical-align:middle;
    
}
.SearchNoBorder
{
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none; 
    margin-top: 40px;   
}
.rightbutton { text-align: center; margin-top:10px;}
.right { vertical-align: top;}

.CssHeaderBox { width: 980px;}
.Headershoppingcart { text-align: right; width: 250px; float: right;}
.CssHeaderLogo {float:left; width: 450px;height: 150px;}
.Specialoffer { float: left; padding-top: 20px}
.Quick {float:right;padding-top: 20px}
.CssHeaderLogoShopping { float: left;  text-align: left; width:100%;}
.CssHeaderMenuRight {position: relative; left: -30px; bottom: 5px; width:500px; height: 20px; text-align: left; }
.CssHeaderMenuRight ul li { text-align:left;float: left; display: block;}        
.CssHeaderMenuRight ul li a { text-align:left; color: #ffffff; vertical-align:top;font-size: 14px; text-decoration: none; padding-right: 10px;}
.CssHeaderMenuRight ul li a:hover {color:#f80092;}
.CssHeaderMenuSearch { width: 100%;  }
.basket{ margin-top: 30px}
.CssHeadSearch { text-align: right; float: right;}
.CssHeadInner { margin: 35px 10px;}
.CssHeaderRight { float: right; width: 50%; position:  relative; }
.shopping { color: #ffffff;font-weight: bold}

.Clear {clear: both;height: 0px;line-height: 0px;font-size: 0px;}
.WelcomeAlign { /*position:relative; top: -36px; right: 438px; text-align:right; vertical-align: top;*/ visibility:hidden  }

.FrontBorder
{
    width: 180px;
    background-image: url(../../Images/Design/background/td_gray.jpg);
    height: 200px;
}


.ProductListImage
{
    text-align:center;  
    width: 100%; 
    height: 120px; 
}

.BestSellImageSize
{
    max-height: 120px;    
}
.BestsellingPrice
{
     width:100%; 
     text-align:  center;  
     font-weight:bold;
     font-size:15px
}
.BestBuyButton
{
    width:100%;   
    text-align:  center;    
}
.SearchImgAlign
{
     vertical-align:bottom;
     border: none;         
}

.underline a:hover
{
     text-decoration: underline;
}

.flag-container {margin-left: 10px;float:left;}
.flag-img { text-align:center; width: 30px; float: left; height: 18px;}
.flag-img img { border:none; height: 18px;}

.MyAccount {color:white; margin-left:40px; width:100%;}
.object {text-align:center;}

#Wrapper {height: 310px;background-image: url(../../Images/Design/background/td_gray.jpg)}
#ArticleHeader{text-align:center;}
#ArticleHeader p{text-align:center;width:80%}
#ArticleLeft {margin-left:10px;float:left; width: 37%;Height:300px}
#ArticleLeft p{color:white;font-size:13px}
#ArticleRight{float:left;width:60%;height:300px}
#ArticleImage{float:left;width:190px;height:250px;margin: 10px}
#DesignerImage{float:left;width:80px;height:80px;margin: 10px}
