﻿body 
{
    width:960px;
	padding:0 0 0 0;
	margin:0 auto auto;
	background-color:#DCE0E7;
    background-image:url(../images/pagebg.png);
    background-repeat:repeat-x;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:10px;
	color:#1A3973;
}
a
{
    outline:none;
    color:#1A3973;
    text-decoration:none;
    cursor:pointer;
}
a[disabled]
{
    cursor:default;
    color:#AFB8CA;
}
a img
{
    border:none;
    padding:0;
    margin:0;
}
p a
{
    font-weight:bold;
}
a:hover
{
    color:#5A6B8C;
}
a[disabled]:hover
{
    color:#AFB8CA;
}
hr
{
    display:none;
}
div.br
{
    width:100%;
    float:left;
    margin-top:-1px;
    height:1px;
}
div.hr
{
    float:left;
    width:100%;
    height:11px;
    background-image:url(../images/hrule.gif);
    background-repeat:repeat-x;
}
.errortext
{
    color:#D90202;
}
/*** HEADER ***/
#header
{
    float:left;
	width:960px;
	padding:0;
	margin:0;
	background-image:url(../images/header/bg.png);
	height:77px;
	margin-top: -38px;
}
#header div.userstrip
{        
    width:400px;
    float:left;
    height:21px;
    margin:0;
    padding:17px 10px 0 12px;
    color:#FFF;
    font-size:10px;
}
#header div.userstrip a
{
    color:#FFF;
    font-size:10px;
    text-decoration:underline;
    text-transform:none;
    font-weight:bold;
}
form.search
{
    float:right;
    height:28px;
    padding:10px 0 0 0;
}
form.search label
{
    line-height:18px;
    color:#FFF;
    font-weight:bold;
    float:left;
    padding:0 4px 0 0;
}
#topmenu
{
    width:560px;
    padding:0 0 0 3px;
    margin:0;
    float:left;
    height:39px;
    position:relative;
    z-index:1000;
}
#topmenu ul
{
    list-style:none;
    float:left;
    padding:0;
    margin:0;
}
#topmenu ul li
{
    float:left;
    height:39px;
    padding:0;
    margin:0;
    background-position:top left;
    background-repeat:no-repeat;
    position:relative;
}
#topmenu ul li .mitem
{
    height:39px;
    float:left;
    background-position:top left;
    background-repeat:no-repeat;
    text-indent:-10000px;
	text-decoration:none;
    padding:0;
    margin:0;
}
#topmenu ul li .mitem:hover
{
    background-position:top right;
}
#topmenu ul li .products
{
    width:145px;
    background-image:url(../images/header/menu/products.png);
}
#topmenu ul li .portfolio
{
    width:81px;
    background-image:url(../images/header/menu/portfolio.png);
}
#topmenu ul li .about_us
{
    width:76px;
    background-image:url(../images/header/menu/about_us.png);
}
#topmenu ul li .my_account
{
    width:89px;
    background-image:url(../images/header/menu/my_account.png);
}
#topmenu ul li .contact_us
{
    width:88px;
    background-image:url(../images/header/menu/contact_us.png);
}
#topmenu ul li .home
{
    width:66px;
    background-image:url(../images/header/menu/home.png);
}
/*** DROP DOWN ***/
#topmenu ul li div
{
    display:none;
}
#topmenu ul li:hover a
{
    background-position:right;
}
#topmenu ul li:hover span
{
    background-position:right;
}
#topmenu ul li:hover div,#topmenu li.over div
{
    display:block
}
#topmenu ul li .ddcont
{
    position:absolute;
    top:39px;
    left:0;
    padding:0 0 5px 0;
    margin:0;
    background-image:url(../images/header/menu/ddshadow.png);
    background-position:bottom left;
    background-repeat:repeat-x;
    z-index:150;
}
#topmenu ul li .ddcont ul
{
    float:left;
    padding:4px 0 4px 0;
    margin:0;
    background-color:#EFEFEF;
    border:1px solid #A2A2A2;
    border-top:none;
    background-image:url(../images/header/menu/ddbg.png);
    background-position:top left;
    background-repeat:repeat-x;
    list-style:none;
}
#topmenu ul li .ddcont ul li
{
    width:100%;
    height:auto;
    padding:0;
    margin:0;
    float:left;
}
#topmenu ul li .ddcont ul li a
{
    width:95%;
    padding:3px 0 3px 5%;
    margin:0;
    float:left;
    color:#3F3F3F;
    font-size:10px;
    line-height:11px;
    text-decoration:none;
}
#topmenu ul li .ddcont ul li a:hover
{
    background-color:#D2D6DC;
}
#topmenu ul li .ddcont ul li.active a
{
    background-color:#D2D6DC;
}
#topmenu ul li .ddprods ul
{
    width:143px
}
#topmenu ul li .ddfolio ul
{
    width:79px
}
#topmenu ul li .ddabout ul
{
    width:74px
}
/*** MINICART ***/
#minicart
{
    float:right;
    position:relative;
    z-index:100;
    width:236px;
    padding:0;
    margin:0;
    height:38px;
}
#minicart .carttop
{
    float:right;
    position:relative;
    z-index:100;
    width:226px;
    padding:0 10px 0 0;
    margin:0;
    height:38px;
    background-image:url(../images/header/minicart/bg.png);
    background-repeat:no-repeat;
    background-position:top left;
    color:#193972;
}
#minicart .carttop a.viewcart
{
    float:left;
    width:116px;
    height:38px;
    background-image:url(../images/header/minicart/viewcart.gif);
}
#MCStretch
{
    width:234px;
    float:left;
    margin:0 0 0 1px;
    padding:0;
}
#minicart .mccont
{    
    float:left;
    width:218px;
    padding:5px 5px 5px 10px;    
    border-left:1px solid #ADADAD;
    background-color:#EFEFEF;
    background-image:url(../images/header/minicart/cartbg.png);
    background-repeat:repeat-x;
    background-position:top left;
    font-size:10px;
}
#minicart .mcbuttons
{
    width:auto;
    float:right;
    padding:5px 0 0 0;
    margin:0;
    width:40px;
}
#minicart a.checkout
{
    float:left;
    padding-left:7px;
}
#minicart a.opened
{
    width:37px;
    height:14px;
    background-image:url(../images/header/minicart/close.gif);
    float:right;
}
#minicart a.closed
{
    width:37px;
    height:14px;
    background-image:url(../images/header/minicart/open.gif);
    float:right; 
}
#minicart a.disabled
{
    color:#AFB8CA;
}
#minicart a.signin
{
    width:40px;
    height:14px;
    background-image:url(../images/header/minicart/signin.gif);
    float:right;
}
#minicart .items
{
    width:100%;
    height:238px;
    padding:0;
    margin:0;
    float:left;
    overflow:hidden;
    border-bottom:1px solid #D2D2D2;
}
#minicart .items .mcrow
{
    width:100%;
    float:left;
    height:42px;
    padding:2px 0 2px 0;
    border-top:1px solid #D2D2D2;
    line-height:16px;
}
#minicart .items .mcrow a.prodlink
{
    float:left;
    padding:0;
    margin:0;
    border:1px solid #D2D2D2;
}
#minicart .items .mcrow img
{
    float:left;
    padding:0;
    margin:0;
}
#minicart .items .mcrow div.mcinfo
{
    width:120px;
    float:left;
    padding:3px 0 0 5px;
    margin:0;
    
    font-size:9px;
}
#minicart .items .mcrow div.actions
{
    float:right;
    text-align:right;
    width:50px;
    padding:3px 0 0 0;
}
#minicart .items .mcrow div.mcinfo a.remove
{
    float:right;
}
/*** MAIN SECTION ***/
#maincont
{
    width:960px;
    padding:0;
    margin:0;
    float:left;
    background-color:#FFF;
    background-image:url(../images/maincontbg.png);
    background-repeat:repeat-x;
    position:relative;
}
#maincont div.splitbg
{
    width:100%;
    float:left;
    background-image:url(../images/3colbg.gif);
    background-position:top left;
    background-repeat:repeat-y;  
}
#maincont div.leftcol
{
    width:192px;
    float:left;
    min-height:1px;
    padding:0; 
}
#maincont div.widecol
{
    width:768px;
    float:left;    
}
#maincont div.midcol
{
    width:522px;
    float:left;
    min-height:1px;  
}
#maincont div.rightcol
{
    width:246px;
    float:left;
}
#maincont h1
{
    font-size:10px;
    line-height:20px;
    margin:0 0 10px 0;
    font-weight:bold;
    border-bottom:1px solid #CBCBCB;
}
#maincont h2
{
    font-size:10px;
    padding:6px 0 6px 0;
    margin:0;
    font-weight:bold;
}
#maincont h2 em
{
    color:#737C97;
    font-style:normal;   
}
#maincont h3
{
    font-size:10px;
    padding:0 0 10px 0;
    margin:0;
    font-weight:bold;
}
#maincont p
{
    font-size:10px;
    padding:0 0 6px 0;
    margin:0;
}
/* Breadcrumb */
#breadcrumb
{
    width:100%;
    float:left;
    line-height:34px;
}
#breadcrumb ul
{
    width:100%;
    float:left;
    padding:0;
    margin:0;
    list-style:none;
}
#breadcrumb ul li
{
    float:left;
    padding:0 6px 0 12px;
    margin:0;
    background-image:url(../images/bcrumb/arrow.gif);
    background-position:center left;
    background-repeat:no-repeat;
}
#breadcrumb ul li.home
{
    padding:0 6px 0 6px;
    background-image:none;
}
#breadcrumb ul li a
{
    color:#1A3973;
    font-size:10px;
}
#breadcrumb ul li a:hover
{
    text-decoration:underline;
}
#breadcrumb ul li.active
{
    font-weight:bold;
}
/* Paging Control */
div.paging
{
    float:left;
    line-height:24px;
    padding:0;
    margin:0;
    font-size:10px;
    width:100%;
}
div.paging ul
{
    float:left;
    padding:0;
    margin:0;
    list-style:none;
}
div.paging ul li
{
    float:left;
    padding:0 1px 0 1px;
    margin:0;
    line-height:24px;
}
div.paging a
{
    color:#1A3973;
    font-size:10px;
    font-weight:bold;
    text-decoration:none;
    background-color:#fff;
}
div.macont div.paging a
{
    background-color:#E9E9E9;
}
div.paging a:hover, div.paging a.active
{
    text-decoration:underline;
}
div.paging a.pageviewall
{
    float:left;
    margin:0;
}
div.paging span.pageno
{
    float:right;
    font-size:9px;
    padding-right:6px;
}
/* Left Menu */
.leftmenu
{
    width:180px;
    padding:8px 0 0 6px;
    float:left;
}
.leftmenu ul
{
    width:180px;
    float:left;
    padding:0 0 8px 0;
    margin:0;
    list-style:none;
    background-image:url(../images/menus/leftbg.gif);
    background-position:bottom left;
    background-repeat:no-repeat;    
}
.leftmenu ul li
{
    line-height:20px;
    width:100%;
    float:left;
    border-bottom:1px solid #C6CDDC;
}
.leftmenu ul li a
{
    width:174px;
    float:left;
    padding:4px 0 4px 6px;
    line-height:20px;
    color:#FFF;
    line-height:12px;
    font-size:10px;     
    text-transform:uppercase;  
    font-weight:bold; 
}
.leftmenu ul li a:hover, .leftmenu ul li.active a
{
    background-color:#C6CDDC;
    color:#1A3972;
}
/*** FOOTER ***/
#footer.ddcont 
{
    float:left;
    width:960px;
    height:39px;    
    margin:0;
    padding:0;   
    color:#A8A8A8; 
}
#footermenu
{
    width:948px;
    float:left;
    margin:0 0 0 6px;
    display:inline;
    padding:0;
    height:24px;
    line-height:24px;
    border-top:1px solid #A8A8A8   
}
#footermenu ul
{
    float:left;
    padding:0;
    margin:0;
    list-style:none;    
}
#footermenu ul li
{
    float:left;
    padding:0 5px 0 5px;
    margin:0;
    line-height:24px;
}
#footermenu ul li a
{
    float:left;
    color:#5E6E8F;
    text-decoration:none;
    line-height:24px;
}
#footermenu ul li a:hover
{
    background-image:url(../images/footer/menu/bg.gif);
    background-position:top center;
    background-repeat:no-repeat;
}
#footermenu ul li a.active
{
    font-weight:bold;
    background-image:url(../images/footer/menu/bg.gif);
    background-position:top center;
    background-repeat:no-repeat;
}
#footer span.address
{
    float:left;
    padding:0 60px 4px 11px;
    margin:0;
    font-size:8px;
    line-height:10px;
    background-image:url(../images/footer/bg.png);
    background-position:top right;
    background-repeat:no-repeat;
}
/*** FORM ELEMENTS ***/
fieldset
{
    border:0;
    padding:0;
    margin:0;
}
legend
{
    display:none;
}
.tbox
{
    float:left;
    height:16px;
    border:1px solid #E6E7E6;
    padding:0 2px 0 2px;
    font-size:10px;
    margin:0 0 4px 0;
    width: 190px;
}
.tbox[disabled]
{
    float:left;
    height:16px;
    border:none;
    background:transparent;
    color:#000;
    padding:0 2px 0 2px;
    font-size:10px;
    margin:0 0 4px 0;
    width: 300px;
}
.tarea
{
    float:left;
    border:1px solid #CCCCCC;
    padding:0 0 0 2px;
    font-family:"Century Gothic", Arial, Helvetica, sans-serif;
    font-size:10px;
    margin:0 0 4px 0;
    line-height:12px;
}
.sbox
{
    float:left;
    height:18px;
    border:1px solid #CCCCCC;
    padding:0 0 0 2px;
    font-size:10px;
    margin:0 0 4px 0;
}
/* Labels */
.lbl
{
    float:left;
    padding:0 0 4px 0;
    line-height:18px;
    font-size:10px;
}
.lblr
{
    float:left;
    padding:0 6px 4px 0;
    line-height:18px;
    text-align:right;
    font-size:10px;
    clear:left;
}
.lbll
{
    float:left;
    padding:0 6px 4px 0;
    line-height:18px;
    text-align:left;
    font-size:10px;
}
.formerror
{
    width:350px;
	float:left;
	padding:0 0 4px 0;
	margin:0 0 0 136px;
	text-align:left;
	font-size:9px;
	color:#D90404;
	clear:both;
}
/****************** Validation ******************/
.icoreq
{
	float:left;
	padding:0;
	margin:0;
	line-height:18px;
	font-size:10px;
	color:#FF0000;
}
.shortvalbox
{
    width:129px;
	float:left;
	padding:4px 0 4px 0;
	margin:-4px 0 0 136px;
	line-height:13px;
	text-align:center;
	font-size:9px;
	color:#D90404;
	background-image:url(../images/validation/shortvalbox.gif);
	background-position:top left;
	background-repeat:no-repeat;
	clear:both;
}

.longvalbox
{
    width:196px;
	float:left;
	padding:4px 0 4px 0;
	margin:-4px 0 0 136px;
	line-height:13px;
	text-align:center;
	font-size:9px;
	color:#D90404;
	background-image:url(../images/validation/longvalbox.gif);
	background-position:top left;
	background-repeat:no-repeat;
	clear:both;
}
.absshortvalbox
{
    width:129px;
	float:left;
	padding:4px 0 4px 0;
	margin:0;
	line-height:13px;
	text-align:center;
	font-size:9px;
	color:#D90404;
	background-image:url(../images/validation/shortvalbox.gif);
	background-position:top left;
	background-repeat:no-repeat;
	position:absolute;
	z-index:10;
	top:20px;
	left:0;
}
/************** MODALS ************/
.modalbg
{
    width:960px;
    height:100%;
    background-image:url(../images/modals/bg.png);
    position:absolute;
    top:0;
    left:0;
    z-index:10;
    float:left;
}
.modalcont
{
    float:left;
    border:1px solid #C1C1C1;
    background-color:#FFF;
    background-image:url(../images/modals/contbg.png);
    background-position:top left;
    background-repeat:repeat-x;
}
/*** Success Panel Modal ***/
.mdlsuccess
{
    width:220px;
    margin:10% auto auto;
}
.mdlsuccess div.infocont
{
    width:200px;
    padding:9px;
    float:left;
}
.mdlsuccess div.infocont p
{
    padding:0;
    border:0;
    margin:0;
}
/*** Success Panel Modal ***/
.mdlzoom
{
    width:600px;
    margin:20px auto auto;
}

.mdlzoom div.imgcont
{
    width:600px;
    float:left;
    text-align:center;
}
/*** Password Hints Panel Modal ***/
.mdlpassword
{
    width:372px;
    margin:10% auto auto;
}
.mdlpassword div.infocont
{
    width:352px;
    padding:9px;
    float:left;
}
.mdlpassword div.infocont ul
{
    padding:0;
    margin:0;
    width:100%;
    list-style-type:none;
}
.mdlpassword div.infocont ul li
{
    background-image:url(../images/modals/arrowbull.png);
    background-position:top left;
    background-repeat:no-repeat;
    padding:0 0 6px 20px;
    line-height:11px;
}
/**************************** PAGES ***************************************/
/*** MA ***/
.macont
{
    float:left;
    width:496px;
    margin:0 0 6px 6px;
    display:inline;
    padding:10px;
    background-color:#E9E9E9;
    color:#1A3973;
}
.macont a.pagefirst
{
    margin-left:0;
}
#pscont
{
    float:left;
    background-color:#FFF;
    width:140px;
    padding:5px;
    border:1px solid #A2A2A2;
    margin:0 0 0 6px;
    min-height:28px;
    position:absolute;
}
#pscont h4
{
    font-size:9px;
    color:#1A3973;
    padding:0 0 5px 0;
    margin:0;
    font-weight:normal;
}
#pscont a.hint
{
    float:right;
    line-height:12px;
    color:#1A3973;
    text-decoration:underline;
    font-size:8px;
}
table.orderhist
{
    width:496px;
    float:left;
    text-align:left;
    padding:0 0 5px 0;
    border-top:1px solid #AAB4C5;
    border-collapse:collapse;
}
table.orderhist th
{
    line-height:20px;
    font-weight:normal;
}
table.orderhist td
{
    border:1px solid #C7C7C7;
    background-color:#FFF;
    border-collapse:collapse;
    vertical-align:top;
    padding:5px;  
    margin:0;  
}
/*** SB ***/
.sbcont
{
    float:left;
    width:516px;
    margin:0;
    padding:0 0 6px 6px;
}
table.scart
{
    width:516px;
    float:left;
    text-align:left;
    padding:0;
    border-collapse:collapse;
}
table.scart th
{
    line-height:20px;
    font-weight:bold;
}
table.scart td
{
    background-color:#E9E9E9;
    border-collapse:collapse;
    vertical-align:top;
    padding:5px;
    border-bottom:3px solid #FFF;
}
div.ecart
{
    width:514px;
    float:left;
    text-align:left;
    padding:30px 0 30px;
    background-color:#E9E9E9;
    border:1px solid #CBCBCB;
    text-align:center;
}
div.sbqty
{
    position:relative;
    float:right;
}
div.sbqty .shortvalbox
{
    position:absolute;
    top:17px;
    left:-5px;
    margin:0;
}
/*** SL ***/
.slcont
{
    float:left;
    width:756px;
    margin:0 0 6px 6px;
}
.map
{
    width:514px;
    height:358px;
    border:1px solid #CBCBCB;
    float:left;
}
/*** ERROR ***/
.error
{
    width:486px;
    float:left;
    padding:30px 15px 15px 15px;
    margin:80px 0 0 222px;
    background-image:url(../images/error/bg.gif);
    background-position:top left;
    background-repeat:no-repeat;
}